前端

地图开发，友商提供的是边界Shapefile文件，文件比较大，直接在echarts 上显示地图，前端浏览器会很卡，特别是有地图下钻的时候，体验很不好，所以最好压缩下

通过Vue.extend，简单实现地图信息弹窗的定制，template里，可以加载第三方组件，实现设计的需求。信息弹窗点击地图打点的时候动态渲染。视频地址点击地图打点的时候请求获取

用百度地图3.0 Api封装了一个拾取坐标控件，方便搜索选坐标、地图上拾取坐标。用于需要地图选坐标的业务场景

Vue2项目中使用百度地图。基于百度地图JavaScript API v3.0实现，封装主要是为了方便复用，这里封装了地图的加载、还有简单的地图打点、自定义信息弹窗

transform: scale实现响应式页面，一篇搞定数据可视化项目。目前用的比较多和稳的一种方式，记录下

给地图设置任意背景底图，可以让地图比较炫 1、echarts地图背景图设置，可以设置随意的地图纹理 2、echarts地图打点，显示数据

vue项目中，对echarts地图封装，用于显示区域地图，实现自定义弹窗。弹窗样式自定义，可显示文字、图文、视频......

开发时分离代码量大vue文件的css、js代码，独立放一个文件里面，方便开发和阅读。简单的小技巧而已。

浏览器SameSite策略更新，会导致前端不发送Cookie，造成接口不返回数据，也就是Failed to load response data问题

flexible.js配合蓝湖原型快速实现响应式页面开发。适合非工程化项目；html+css页面数少的项目；pc端页面也可以，看情况使用了。需要快速开发的，可以直接用h5flexible为模板直接开发

video-time-slider，用于IVR视频回播的时间选择插件，为项目微信小程序制作，基于uni-app开发

EasyPlayer请求视频流地址时，默认是HEAD请求方式的，现在服务提供方的视频流地址需要GET或者POST方式才能访问，不然就503 forbidden错误，拒绝访问。

跨平台酷炫动画实现方案推荐（iOS,Android,Web） 没啥，都是用的别人的轮子。记录下，方便查找使用。

以往地图打点、连线、做特定地市的区域地图，都不知道哪里找GeoJSON数据的，现在有这东西就超级方便了。这里通过Loca.ScatterLayer的来展示下GeoHUB的简单使用

视频相关项目，有时候需要对视频进行截图的，图片一般加上水印。这里展示下普通视频播放和直播视频播放的加水印方式

Vue项目里面使用高德地图2.0，封装成组件使用，方便使用、复用。涉及的知识点：Vue插槽 slot、Vue通知 emit和on、Vue组件封装、Vue异步加载组件等

运维需要，需要把运维时命令行查询的结果在前端展示，需要动态生成表格，列可排序、可筛选，表格可搜索、可导出Excel，这里分享下一些主要功能的实现

封装组件，以方便在Vue项目中使用Echarts图表，调用方便，复用方便。可用于toB类展示数据项目，更多的是用在大屏数据可视化项目