摘要：
抽空看了下vue源码，记录下new Vue()的过程。 在package.json中运行命令添加sourcemap,打包后在源码案例目录下创建新的html文件，运行后可以在控制台断点调试 测试代码 <script src="../../dist/vue.js"></script> <div id=" 阅读全文
摘要：
JavaScript 是一门单线程语言，单线程意味同一时间只能做一件事，这样没有造成堵塞就是因为事件循环。 在javascript中所有任务可以分为同步任务，异步任务。 同步任务:立即执行的任务，一般按照执行顺序直接进入主线程执行 异步任务: 异步执行的任务，比如setTimeout,ajax请求等 阅读全文
摘要：
这段时间一直在学习three，vue3 和TS 一直有了解但做项目都没有使用，趁着有时间，想着自己做个小demo检测所学成果。 安装three，@types/three，我使用vue创建项目，TS版本和three 不兼容，然后又下载的最新版本。 然后封装一个类，初始化场景，相机，控制器，渲染器，后期 阅读全文
摘要：
效果如下： 无意看到类似上图效果，就想着自己复现下，也熟悉下canvas方法。为了方便计算，我把每个tab列表等分10份，每个192px，渐变色长度为192 X 2;曲线是通过三次贝赛尔曲线绘制的，曲线运动是通过这个drawCurvePath方法，根据曲线的占比绘制曲线，具体代码如下： <!DOCT 阅读全文
摘要：
leaflet 自定义事件主要使用fire()方法，如下图所示，我在区域热力层点击方法中自定义一个handClick方法，并传值。 再去进行监听 预览单击就会触发我们自定义的方法 阅读全文
摘要：
上篇主要对数组格式数据进行响应式处理，vue 有set 和del 方法可以对数组和对象进行修改和删除。代码如下： 数组类型的数据修改和删除时候，只需要调用splice方法就可以，在上一篇数组响应是在get方法中属性为数组格式时进行依赖的注入，现在在每个属性都注入，这样调用set方法时候，才能在_ob 阅读全文
摘要：
上一篇主要是对数组类型进行响应式处理，这次主要对数组里面的属性值、嵌套数组、数组新增后的值进行响应式处理。 如下文：执行下面方法，数组的依赖函数不会触发 import { observe } from "./reactive"; import { Watcher } from "./watcher" 阅读全文
摘要：
由于viewport单位得到众多浏览器的兼容，lib-flexible这个过渡方案已经可以放弃使用，而amfe-flexible是lib-flexible的升级版，所以现在我就只使用amfe-flexible了。 vw 作为布局单位，从底层根本上解决了不同尺寸屏幕的适配问题，因为每个屏幕的百分比是固 阅读全文
摘要：
继上文，监听data后，data中的每个属性都有响应式效果，那么下面这种情况会触发响应式吗？ import { observe } from "./reactive"; import { Watcher } from "./watcher"; const data = { arr: ["a"], } 阅读全文
摘要：
效果图： leaflet 有imageOverlay图层根据两个点坐标生成图像，但体验感不太好，设计上传一张图片后，常常不能对齐，就尝试自己封装个图层。如上图所示，图片有两种方式，一种方式是使用canvas createPattern方法平铺纹理，另一种是通过canvas clip剪切方法， 这个方 阅读全文