geojson数据抽稀

geojson 数据抽稀 接上一篇手绘地图实现，其中通过借助工具将 svg 导出 geojson 数据，但是通常数据量非常大，而且有很多重复的点数据/非常相近的数据 这样的数据，虽然可以用，但是考虑到前端性能问题，需要将 geojson 数据进行点抽稀目前有很多的抽稀算法，比如道格拉斯-普克算法、垂距限值法，这里暂时不做讨论 这里可以借助另外一个宝藏工具Turf（https://github.c

前端 性能 geojson Turfjs

手绘地图实现

Echarts 手绘地图实现 业务中需要实现一个手绘地图，原计划是使用 Eva，但是时间有限，最后使用 Echarts 实现，实现效果如下。 （动图太大了，尽可能压缩稍微有点糊，见谅～） 业务中，如上图所示，内部有很多的元素都需要有相应的事件，需要整个地图尽可能地解耦。并且内部有板块/图片/路线等元素。 那么接下来分析一下，这样一个页面有那些需要实现的内容 分析页面 底图 底部有一层图片，没有

前端 Echarts

字体文件优化

缩小字体大小 业务场景中，经常会出现各种华丽呼哨的字体，就只有几个字使用这个字体，但是字体文件通常都 1M，4M，5M，6M 等等，各种压缩才压缩个几兆代码，一个字体文件直接白干了。所以通常需要将这类只有少部分字体使用的字体文件进行压缩。方式就是从原有的字体文件中，取出我们明确使用的重新生成一个字体文件就可以了。 这里介绍一个需要 java 环境的方法工具链接：https://github.co

前端 性能 字体

用IntersectionObserver实现吸顶效果

用 IntersectionObserver 实现吸顶效果 开发中，需要实现一个二级工具菜单栏吸顶灯的效果 效果如下图 1，框选住的部分会在滚动的时候吸附顶部，在下滑的过程中，回到原来的位置时，又恢复 static 的效果，如图 2 思路方案一 : position:sticky本来第一个想到的时使用 css 的 position:sticky，达到吸附的效果，但是实践的时候发现，如果恢复到

前端 性能 React