摘要:
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对象。 事件通常与函数结合,函 阅读全文