- 博客(18)
- 收藏
- 关注
原创 javaScript es5 作用域、作用域链、变量提升、闭包(es5)、内存泄漏
由于js作用域链的只能从里往外查找变量的特性,为了在外部读取到A函数内部的变量,在A函数内再套一个闭包函数,这个闭包函数读取到A函数内部变量后返回到外部被引用,这时外部可访问。目的:取得合理的变量,严谨、避免隐性问题,即当前作用域没有定义的变量,则向上一级找。当前作用域有定义的变量,则取当前作用域定义和初始化的值,当前作用域先读取后定义则报错。let 不存在变量提升, 当前作用域有定义t变量,但未初始化就读取,这在es6的let语法是不允许的,更合理严谨。调用函数时也是先解析函数内定义的变量,再执行。
2023-03-31 00:01:48 159
原创 vue 双向绑定
watcher绑定的更新函数的功能1是在当前模板数据改变时更新视图(双括号)。watcher有可能是相关联的,比如数据A的模板 是 computed的A属性生成了watcher A , 数据B的模板是data B, A依赖B,则B改变时会通知到B的watcher 和A的watcher。:watcher绑定的更新函数的功能2是当前数据模板的元素属性更改时(比如input事件改变了文本框的值属性、change事件改变了单选框的值等)执行对应数据的更改,这里就实现了视图改变数据。
2023-03-31 00:00:35 101
原创 vue 组件 动态组件、路由出口的组件切换问题和使用keep-alive的区别
使用keep-alive将以上组件包裹后,组件只会cread、mouted一次;切换导致组件失活时不会销毁组件而是缓存起来并触发deactivated钩子,切换回来时将缓存的组件内容插入页面并触发activeted。动态组件和路由出口的组件切换导致组件失活时默认是销毁组件,切换回来再执行create mouted和重新生成元素插入页面。
2023-03-27 15:42:41 197
原创 vue 数据变化更新视图原理之 vdom(虚拟dom)、vnode(虚拟节点)、 diff算法、为什么不能用index作为key?
vdom(虚拟dom)、vnode(虚拟节点)、 diff算法
2023-02-26 16:17:44 198
原创 白屏监控--监控错误导致的白屏实现思路
监控错误导致的白屏,捕获到JS错误、请求异常、静态资源异常时,根据当前dom深度,计算dom得分。当得分小于这个阈值,则产生一次白屏,并将当前遇到的错误作为白屏原因上报。
2022-12-14 11:04:18 475
原创 First Meaningful Paint计算原理:页面的首要内容(primary content)出现在屏幕上的时间 (fmp time)
First Meaningful Paint计算原理fmp time 计算原理
2022-12-12 14:53:54 188
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人