绝招
Volecity
这个作者很懒,什么都没留下…
展开
-
2021-08-03
#v-for 中用key 原理:必须要用key 因为diff算法中根据tag和key来判断是不是同一个samenode 效果:减少渲染次数 提升渲染性能(优化diff算法) #单组件生命周期()图 #组件通讯(常见) props $emit 自定义事件 event.$onevent.$offevent.$emit vuex @组件渲染与更新的过程(图) #组件的data为什么是函数? .vue编译后实际上是一个class 使用时候只是实例 如果不是函数的话 大家就共用data了 ...原创 2021-08-03 18:58:52 · 69 阅读 · 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 · 62 阅读 · 0 评论 -
绝招----Vue原理(2)
diff算法 vdom diff 树diff的时间复杂度是 O(n^3) 不可用的复杂度 1.遍历tree1 2.遍历tree2 3.排序 结论 1000个节点 要计算1亿次 冒泡排序时间复杂度也是 n^2 基本也是不可用 vdom diff算法优化后的时间复杂度就是 O(n)【并不是百分之百优化】 1.只比较同一层级 不跨级比较 2.当key或者tag不等 则直接删掉重建 不再深度比较 3.tag和key两者都相同 认为是相同节点 (需要深度比较 oldNode和newNode的tex..原创 2021-08-02 11:05:32 · 89 阅读 · 0 评论 -
绝招----Vue原理
造轮子:有钱有资源,业务定制,技术KPI(提升开发业务效率/业务定制). 考察重点,而不是细节。 2/8原则。 和使用相关联的原理,例如vdom/模板渲染(更好工作产出) 热门技术深度? 整体流程全面(!!!) 一: 组件化 二:响应式 三: vdom diff (热门技术) v-for中为什么要用key? 四:模板编译 五:渲染过程(流程全面度) 描述组件渲染和更新的过程? 六: 前端路由 一:组件化基础() 传统的组件是静态渲染,更新要依赖操作DOM (jquery...原创 2021-08-01 20:54:31 · 88 阅读 · 0 评论 -
绝招 之 闭包
概括: 作用域应用的特殊情况 1.函数作为参数被传递 2.函数作为返回值被返回 总结:函数定义的地方和函数执行的地方不一样 // 函数作为返回值 function create() { let shan = 100 return function () { console.log(shan) } } shan = 200 const fn = create() fn() // 100 // 函数作为参数被传递 function print(fn) { sha原创 2021-08-01 09:32:38 · 93 阅读 · 1 评论