HJJ。

摘要： Event Loop 一、线程与进程 JS 是单线程执行的，指的是一个进程里只有一个主线程 1.1.概念 进程是 CPU资源分配的最小单位；线程是 CPU调度的最小单位 进程好比工厂，有单独的专属自己的工厂资源。 线程好比工人，多个工人在一个工厂中协作工作，工厂与工人是 1:n的关系。也就是说一个进 阅读全文

摘要： nextTick的原理 一、异步说明 Vue 实现响应式并不是数据发生变化之后 DOM 立即变化，而是按一定的策略进行 DOM 的更新。 Vue 是异步执行 DOM 更新的。。 **异步执行运行机制： （1） 所有同步任务都在主线程上执行，形成一个执行栈。 （2）主线程之外，还存在一个"任务队列"。 阅读全文

摘要： vue双向绑定原理 原理主要通过数据劫持和发布订阅模式实现的 通过Object.defineProperty()来劫持各个属性的setter，getter，监听数据的变化 在数据变动时发布消息给订阅者(watcher)，订阅者触发响应的回调(update)更新视图。 一、什么是数据劫持 访问或者修改 阅读全文

摘要： Runtime-compiler和Runtime-only的区别 一、runtime-compiler 代码中，可以有template，因为complier可以用于编译template template->解析成ast(抽象语法树)->编译成render->vdom->ui import Vue f 阅读全文

摘要： 一、delete和Vue.delete删除数组 delete 只是被删除的元素变成了 empty/undefined 其他的元素的键值还是不变。 界面不会改变 this.a=[1,2,3,4] delete this.a[1] console.log(this.a) //输出：(4) [1, emp 阅读全文

摘要： 监听鼠标滚轮滚动事件 IE/Opera/Chrome 滚轮事件：onmousewheel（firefox不支持） 值：e.wheelDelta， e.wheelDelta>0，向上滚，150 e.wheelDelta<0，向下滚，-150 火狐 滚轮事件：DOMMouseScroll（仅firefo 阅读全文

摘要： vue性能优化方法 1、路由懒加载的设置 const Home=()=>import('@/components/Home') 2、keep-alive 缓存页面 对组件进行缓存，从而节省性能。 <keep-alive exclude="Profile,User"> <router-view/> < 阅读全文

摘要： vue-virtual-scroller-list虚拟滚动 一个虚拟滚动组件，用来处理非常长的或者无限滚动的列表。 通过不渲染可视区域以外的内容，显示虚拟的滚动条来 将可视区域范围内的条目渲染出来，用户滚动，会处理滚动行为(虚拟的滚动条)，动态重新执行更新渲染。dom复用，不需要消耗太多资源，滚动时 阅读全文

摘要： vue.config.js配置 // vue.config.js const path = require('path'); const CompressionWebpackPlugin = require("compression-webpack-plugin"); // 开启gzip压缩， 按需 阅读全文

摘要： Vue无状态组件 一、什么是状态和实例？ Vue 状态：是确定组件行为的对象。 Vue 状态决定了组件的渲染方式或动态方式。 Vue 实例：是一个 ViewModel，它包含的选项包括表示元素的模板、要安装的元素、方法和初始化时的生命周期钩子。 二、无状态组件 函数式组件、功能组件。 理解函数式编程 阅读全文