- 博客(8)
- 收藏
- 关注
RSS订阅原创 React 组件性能优化
在使用内联函数后, render 方法每次运行时都会创建该函数的新实例, 导致 React 在进行 Virtual DOM 比对时, 新旧函数比对不相等，导致 React 总是为元素绑定新的函数实例, 而旧的函数实例又要交给垃圾回收器处理
2023-05-03 21:04:17
240
原创 React Hooks
React Hooks 作用对函数型组件进⾏增强, 让函数型组件可以存储状态, 可以拥有处理副作⽤的能⼒。让开发者在不使⽤类组件的情况下, 实现相同的功能。类组件的不⾜ (Hooks 要解决的问题)缺少逻辑复⽤机制（类组件实现复用的方法：渲染属性或高阶组件）为了复⽤逻辑增加⽆实际渲染效果的组件，增加了组件层级 显示⼗分臃肿，增加了调试的难度以及运⾏效率的降低类组件经常会变得很复杂难以维护将⼀组相⼲的业务逻辑拆分到了多个⽣命周期函数中，在⼀个⽣命周期函数内存在多个不相⼲的业务逻辑。
2023-05-02 18:29:10
88
1原创 Vue的响应式原理
Vue版本：2.6.10入口_init()中：调用initState()初始化Vue实例状态调用initData()将data属性注入到Vue实例上调用observe()将data属性转化为响应式对象，observe是响应式的入口observe(value)：(src/core/observer/index.js)if(value不是对象){ return}else if(value有__ob__属性){ return//已是响应式对象，无需响应式处理}else{ 为其
2020-11-30 15:49:59
239
原创 Vue 的首次渲染的过程
Vue 的首次渲染的过程首先进行Vue的初始化，初始化Vue的实例成员和静态成员 调用构造函数中的_init()方法，作为整个Vue的入口 在_init()中调用$mount()方法： 第一个$mount()：在入口文件entry-runtime-with-compiler.js中。其核心作用是将模板（按照传入render>template>el的优先级作为模板）用compileToFunction()编译成render函数并存储在option.render中 第二个$mount(
2020-11-30 15:33:01
353
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人