美少女罢了

摘要： Object.freeze 适合一些 big data的业务场景。尤其是做管理后台的时候，经常会有一些超大数据量的 table，或者一个含有 n 多数据的图表，这种数据量很大的东西使用起来最明显的感受就是卡。但其实很多时候其实这些数据其实并不需要响应式变化，这时候你就可以使用 Object.free 阅读全文

摘要： (1)Vue2.x响应式数据原理 Vue在初始化数据时，会使用Object.defineProperty重新定义data中的所有属性，当页面使用对应属性时，首先会进行依赖收集(收集当前组件的watcher)如果属性发生变化会通知相关依赖进行更新操作(发布订阅) (2)Vue3.x响应式数据原理 Vu 阅读全文

摘要： 优点： 保证性能下限： 框架的虚拟 DOM 需要适配任何上层 API 可能产生的操作，它的一些 DOM 操作的实现必须是普适的，所以它的性能并不是最优的；但是比起粗暴的 DOM 操作性能要好很多，因此框架的虚拟 DOM 至少可以保证在你不需要手动优化的情况下，依然可以提供还不错的性能，即保证性能的下 阅读全文

摘要： key 是为 Vue 中 vnode 的唯一标记，通过这个 key，我们的 diff 操作可以更准确、更快速。 Vue 的 diff 过程可以概括为：oldCh 和 newCh 各有两个头尾的变量 oldStartIndex、oldEndIndex 和 newStartIndex、newEndInd 阅读全文

摘要： 什么是vue生命周期？ Vue 实例从创建到销毁的过程，就是生命周期 注意：浏览器有8个钩子，但是node中做服务端渲染的时候只有beforeCreate和created beforeCreate是new Vue()之后触发的第一个钩子，在当前阶段data、methods、computed以及wat 阅读全文

摘要： SPA（ single-page application ）即一个web项目就只有一个页面（即一个HTML文件,HTML 内容的变换是利用路由机制实现的。 仅在 Web 页面初始化时加载相应的 HTML、JavaScript 和 CSS。一旦页面加载完成，SPA 不会因为用户的操作而进行页面的重新加 阅读全文

摘要： 组件中的data为什么不是一个对象而是一个函数? 组件是可复用的vue实例，一个组件被创建好之后，就可能被用在各个地方，而组件不管被复用了多少次，组件中的data数据都应该是相互隔离，互不影响的，基于这一理念，组件每复用一次，data数据就应该被复制一次，之后，当某一处复用的地方组件内data数据被 阅读全文

摘要： 相同点： 1.都是普通函数升级版 2.值可以写函数也可以写对象 不同点： 1.计算属性有缓存，基于响应式依赖缓存 2.计算属性不加小括号直接视图调用，侦听器不能调用 如何选： 1.优先默认methods 2.要缓存时用计算属性 3.监控模型数据变化 阅读全文

摘要： fetch简介&语法 留心：像之前的XMLHttpRequest 但并不真的是，而是代替的 #概念：fetch是ecma组织基于promise开发http api ，用来代替xhr #语法：fetch函数类型，有两个实参，第一个实参是请求地址必须写，第二个是对象类型选写、里面的键是固定的、例如met 阅读全文

摘要： 事件对象：Events对象代表事件的状态，比如事件在其中发生的元素，键盘按键的状态，鼠标的位置，鼠标按钮的状态。 什么时候会产生Event对象？ 例如：当用户单击某个元素的时候，我们给这个元素注册的事件就会触发，该事件的本质就是一个函数，而该函数的形参接收一个event对象。 事件通常与函数结合，函 阅读全文