正在加载……
专注、离线、切勿分心
摘要: Vue响应式原理 Vue响应式的原理(数据改变界面就会改变),实时监听数据变化,一旦数据发生变化就更新界面。Vue是通过原生JS的**defineProperty**方法来如何实现实时监听数据变化。 defineProperty // 可以直接在一个对象上定义一个新属性,或者修改一个对象的现有属性, 阅读全文
posted @ 2021-07-29 11:11 正在加载…… 阅读(91) 评论(0) 推荐(0) 编辑
摘要: Vue3.0 亮点 Performance:性能比Vue 2.x快1.2~2倍 Tree shaking support:按需编译,体积比Vue2.x更小 Composition API: 组合API(类似React Hooks) Better TypeScript support:更好的 Ts 支 阅读全文
posted @ 2021-07-29 11:01 正在加载…… 阅读(237) 评论(0) 推荐(0) 编辑
摘要: Canvas **Canvas是H5新增的一个标签,我们可以通过JS在这个标签上绘制各种图案,Canvas**拥有多种绘制路径、矩形、圆形、字符以及图片的方法。 canvas标签有默认的宽度和高度, 默认的宽度是300px, 默认的高度是150px。 // 在body中创建一个canvas标签 <c 阅读全文
posted @ 2021-07-28 20:02 正在加载…… 阅读(19) 评论(0) 推荐(0) 编辑
摘要: promise ​ promise是ES6中新增的异步编程解决方案, 在代码中的表现是一个对象。通过Promise就可以实现用同步的流程来表示异步的操作,通过Promise就可以避免回调函数层层嵌套(回调地狱)问题。 new Promise(function(resolve, reject){}); 阅读全文
posted @ 2021-07-28 19:43 正在加载…… 阅读(29) 评论(0) 推荐(0) 编辑
摘要: 数据缓存 SessionStorage LocalStorage 和Cookie一样, SessionStorage和LocalStorage也是用于存储网页中的数据的。 Cookie、 SessionStorage、LocalStorage区别: 生命周期(同一浏览器下): Cookie生命周期: 阅读全文
posted @ 2021-07-28 19:42 正在加载…… 阅读(31) 评论(0) 推荐(0) 编辑
摘要: Vuex特点 使用**Vuex的时候需要用到Vue的use方法,use方法是用于注册插件的,所以Vuex的本质就是一个插件,所以实现Vuex**就是在实现一个全局共享数据的插件。 在使用**Vuex的时候我们会通过Vuex.Store创建一个仓库,所以还需要在Vuex中新增Store**属性, 这个 阅读全文
posted @ 2021-07-11 22:43 正在加载…… 阅读(57) 评论(0) 推荐(0) 编辑
摘要: Vue-Router本质 根据"不同的hash值"或者"不同的路径地址", 将不同的内容渲染到router-view中,所以实现VueRouter的核心关键点就在于如何监听'hash'或'路径'的变化, 再将不同的内容写到router-view中。 window.addEventListener(' 阅读全文
posted @ 2021-07-11 22:18 正在加载…… 阅读(26) 评论(0) 推荐(0) 编辑
摘要: AST抽象语法树 AST是Abstract Syntax Tree的缩写既"抽象语法树"它以树状的形式表现编程语言的语法结构。在线生成: https://astexplorer.net/ https://github.com/jamiebuilds/babel-handbook/blob/maste 阅读全文
posted @ 2021-07-11 12:01 正在加载…… 阅读(33) 评论(0) 推荐(0) 编辑
摘要: window window:是一个全局对象,代表浏览器中一个打开的窗口,每个窗口都是一个window对象。 document document是window的一个属性,这个属性是一个对象;document代表当前窗口中的整个网页;document对象保存了网页上所有的内容,通过document对象就 阅读全文
posted @ 2021-06-20 00:37 正在加载…… 阅读(31) 评论(0) 推荐(0) 编辑
摘要: 数组 splice // 参数1: 从什么位置开始, 参数2: 需要替换多少个元素, 参数3开始: 新的内容 let arr = ["a", "b", "c"]; let arrtmp = arr.splice(1, 2, "d", "e"); arrtmp = ["b", "c"] arr = [ 阅读全文
posted @ 2021-06-20 00:35 正在加载…… 阅读(27) 评论(0) 推荐(0) 编辑