I1326的博客

vue三级联动控件 最近实现toc需求实现三级联动，找到这个组件挺省事的，记录下不迷路； 先看下大概样式 gitlab地址：https://dwqs.github.io/vue-area-linkage/ 使用仅需要 npm i --save vue-area-linkage area-data 在需要的页面或全局的main.js中引用 import { pca, pcaa } from 'area-data'; // v5 or higher import 'vue-area-linkage/dist

基于Canvas的本地验证码vue组件 最近给外包填个坑，发现验证码因为hash问题导致同服务端校验一直不通过，访问量也不高直接在本地创建个简易算号器，后来觉得实在丑的难受baidu了个现成的基于canvas的算号器，感谢原作者卡卡欧文的分享； 效果如下 直接贴代码 <template> <div class="s-canvas"> <canvas id="s-canvas" :width="contentWidth" :height="content

要实现数据的双向绑定，首先要理解以哪种方式，做了哪些事情； 以vue举例来说就是使用definedProperty中的get\set方法来完成数据劫持，之后在通过diff算法对比新老dom差异修改vdom，重新render完成渲染； 首先了解下definedProperty Object.defineProperty() 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象。 语法 Object.defineProperty(obj, prop, descriptor)