摘要： Vue响应式原理 Vue响应式的原理(数据改变界面就会改变)，实时监听数据变化，一旦数据发生变化就更新界面。Vue是通过原生JS的**defineProperty**方法来如何实现实时监听数据变化。 defineProperty // 可以直接在一个对象上定义一个新属性，或者修改一个对象的现有属性， 阅读全文

摘要： Vue3.0 亮点 Performance：性能比Vue 2.x快1.2~2倍 Tree shaking support：按需编译,体积比Vue2.x更小 Composition API: 组合API(类似React Hooks) Better TypeScript support：更好的 Ts 支 阅读全文

摘要： Canvas **Canvas是H5新增的一个标签，我们可以通过JS在这个标签上绘制各种图案，Canvas**拥有多种绘制路径、矩形、圆形、字符以及图片的方法。 canvas标签有默认的宽度和高度, 默认的宽度是300px, 默认的高度是150px。 // 在body中创建一个canvas标签 <c 阅读全文

摘要： promise ​ promise是ES6中新增的异步编程解决方案, 在代码中的表现是一个对象。通过Promise就可以实现用同步的流程来表示异步的操作，通过Promise就可以避免回调函数层层嵌套(回调地狱)问题。 new Promise(function(resolve, reject){}); 阅读全文

摘要： 数据缓存 SessionStorage LocalStorage 和Cookie一样, SessionStorage和LocalStorage也是用于存储网页中的数据的。 Cookie、 SessionStorage、LocalStorage区别： 生命周期(同一浏览器下): Cookie生命周期: 阅读全文

摘要： Vuex特点 使用**Vuex的时候需要用到Vue的use方法，use方法是用于注册插件的，所以Vuex的本质就是一个插件，所以实现Vuex**就是在实现一个全局共享数据的插件。 在使用**Vuex的时候我们会通过Vuex.Store创建一个仓库，所以还需要在Vuex中新增Store**属性, 这个 阅读全文

摘要： Vue-Router本质 根据"不同的hash值"或者"不同的路径地址", 将不同的内容渲染到router-view中，所以实现VueRouter的核心关键点就在于如何监听'hash'或'路径'的变化, 再将不同的内容写到router-view中。 window.addEventListener(' 阅读全文

摘要： AST抽象语法树 AST是Abstract Syntax Tree的缩写既"抽象语法树"它以树状的形式表现编程语言的语法结构。在线生成: https://astexplorer.net/ https://github.com/jamiebuilds/babel-handbook/blob/maste 阅读全文

摘要： window window：是一个全局对象，代表浏览器中一个打开的窗口，每个窗口都是一个window对象。 document document是window的一个属性，这个属性是一个对象；document代表当前窗口中的整个网页；document对象保存了网页上所有的内容，通过document对象就 阅读全文

摘要： 数组 splice // 参数1: 从什么位置开始, 参数2: 需要替换多少个元素, 参数3开始: 新的内容 let arr = ["a", "b", "c"]; let arrtmp = arr.splice(1, 2, "d", "e"); arrtmp = ["b", "c"] arr = [ 阅读全文