绝招
Volecity
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
2021-08-03
#v-for 中用key原理:必须要用key 因为diff算法中根据tag和key来判断是不是同一个samenode效果:减少渲染次数 提升渲染性能(优化diff算法)#单组件生命周期()图#组件通讯(常见)props $emit自定义事件 event.$onevent.$offevent.$emitvuex@组件渲染与更新的过程(图)#组件的data为什么是函数?.vue编译后实际上是一个class 使用时候只是实例 如果不是函数的话 大家就共用data了...原创 2021-08-03 18:58:52 · 119 阅读 · 0 评论 -
绝招-路由原理
稍微复杂一点的SPA 都需要路由前端路由模式: hash H5 history(需要配置)hash模式特点:1.根据hash的变化触发路由的变化即网页跳转 触发前进后退2.不会刷新页面。SPA必须的特点3.hash永远不会提交到serve端口(完全前端控制)window.hashChange(监听)js实现H5 history路由用url规范的路由 但跳转时不刷新页面(SPA必须要)history.pushState函数跳转【路由跳转】window可以监听前进后退w.原创 2021-08-03 10:35:04 · 117 阅读 · 0 评论 -
绝招----Vue原理(2)
diff算法 vdom diff树diff的时间复杂度是 O(n^3) 不可用的复杂度1.遍历tree12.遍历tree23.排序结论 1000个节点 要计算1亿次冒泡排序时间复杂度也是 n^2 基本也是不可用vdom diff算法优化后的时间复杂度就是 O(n)【并不是百分之百优化】1.只比较同一层级 不跨级比较2.当key或者tag不等 则直接删掉重建 不再深度比较3.tag和key两者都相同 认为是相同节点 (需要深度比较 oldNode和newNode的tex..原创 2021-08-02 11:05:32 · 140 阅读 · 0 评论 -
绝招----Vue原理
造轮子:有钱有资源,业务定制,技术KPI(提升开发业务效率/业务定制).考察重点,而不是细节。 2/8原则。和使用相关联的原理,例如vdom/模板渲染(更好工作产出)热门技术深度? 整体流程全面(!!!)一: 组件化二:响应式三: vdom diff (热门技术) v-for中为什么要用key?四:模板编译五:渲染过程(流程全面度) 描述组件渲染和更新的过程? 六: 前端路由一:组件化基础()传统的组件是静态渲染,更新要依赖操作DOM (jquery...原创 2021-08-01 20:54:31 · 137 阅读 · 0 评论 -
绝招 之 闭包
概括: 作用域应用的特殊情况1.函数作为参数被传递2.函数作为返回值被返回总结:函数定义的地方和函数执行的地方不一样// 函数作为返回值function create() { let shan = 100 return function () { console.log(shan) }}shan = 200const fn = create()fn() // 100// 函数作为参数被传递function print(fn) { sha原创 2021-08-01 09:32:38 · 171 阅读 · 1 评论
分享