摘要：
效果图： 主要使用Leaflet.Path.DashFlow动态流向线插件，可以配置每个折线的颜色，宽度。 <!DOCTYPE html> <html> <head> <title>Leaflet debug page</title> <link rel="stylesheet" href="htt 阅读全文
摘要：
上篇优化了重复的监听，但当data数据为下图一个嵌套数据时，深层嵌套的属性没有响应效果。 import { observe } from "./observer"; import { Watcher } from "./watcher"; const data = { test: "aa", tes 阅读全文
摘要：
上次简单的模拟了数据响应式，当我们第一次修改值依赖函数会执行一次，再修改一次值依赖函数会执行两次，这需要做下去重，去掉重复绑定的依赖。采用的方法是给每个dev实例添加一个唯一标识id,通过Set去重。 代码如下：dep实例添加一个移除方法，和id属性 let uid = 0; export defa 阅读全文
摘要：
效果如下： leaflet生成等值面网上搜索了好多资料但测试感觉都有点瑕疵，kriging.js 生成的canvas图片每个都是小方格影响美感，turf.js会有非法Polygon且有白色缝隙。就想着可不可以使用kriging.js生成等值面，turf,js进行裁剪。 但kriging.js返回的是 阅读全文
摘要：
工作中大部分项目使用vue2做，但一直局限于使用，终于有闲暇时间可以学习下源码，网上优秀的源码分析很多，此文章只是记录个人所学，有问题欢迎大家指出，欢迎讨论，互相学习。 下面是我对vue2响应式数据的简单模拟，还需要亿点点补充。 vue2响应式数据原理主要通过 Object.defineProper 阅读全文
摘要：
项目开发中封装了许多图表组件，每次新增组件或者组件迭代都要复制前后端的文件，为了避免重复操作，使用一键命令创建组件模板文件。 效果如下： 在前端根目录创建Markfile 文件，里面是我们自定义的命令: addcom: node build/addCom.js $(filter-out $@,$(M 阅读全文
摘要：
leaflet散点图片根据官方文档我们应该都可以加载出来，点击如果想弹出简单的文本内容，title属性加载一个自定义html就可以了，但有时项目需求需要配合别的图表组件使用，简单记录下开发demo过程，下面是和Echarts折线图效果图。 创建地图容器和要显示的弹框容器 map为地图容器id，t1为 阅读全文
摘要：
最近项目需求，需要使用leaflet封装成一个vue组件，涉及功能主要有高德自定义样式地图封装为leaflet底图图层、自定义坐标系、topjson省市区街道下钻、线面区域热力层、飞线、点聚合图标撒点等功能。记录下开发遇到的问题，欢迎一起交流学习。 本来使用leaflet主要用于客户本地部署加载离线 阅读全文
摘要：
查看源码我们发现axios的几种请求方式都是调用request方法，下面一步步分析下。 Axios.prototype.request = function request(configOrUrl, config) { /*eslint no-param-reassign:0*/ // Allow 阅读全文
摘要：
axios有两种中断请求的方法 1.CancelToken.source 取消所有请求 const CancelToken = axios.CancelToken; const source = CancelToken.source(); axios.post('/test', { value: ' 阅读全文
