- 博客(5)
- 收藏
- 关注
RSS订阅原创 抛弃类组件，重新认识 useEffect
很多人对 useEffect 的认识都是从类组件的 compomentDidMount 中转化来的，其实对于现在 react 的生态情况来说，现在接触 react 完全没必要去了解类组件的生命周期，你完成可以抛弃类组件的那一套思想。随着React的发展，尤其是自从引入Hooks以来，函数组件的能力得到了极大的扩展和增强，使得我们可以更加灵活和简洁地构建组件。钩子的引入尤其标志着这种转变，它为函数组件提供了执行副作用操作的能力，这在以前是通过类组件的生命周期方法如和来实现的。
2024-02-05 15:14:17
1003
1
原创 “揭秘JavaScript中的this：从死记硬背到彻底理解“
如果函数是作为对象的方法调用的，则 this 指向该对象。ChatGpt 写了这么多，感觉要是死记硬背的话挺难的，除开箭头函数外，其实改变 this 指向就2种方法，一种是new，一种是使用 call、apply 或 bind 方法改变。在 JavaScript 中，this 的值在运行时动态确定，取决于函数的调用方式和上下文，因此它可以指向不同的对象。这是 new 的简易实现，可以看出其实就是使用 apply 改变了 this 指向，那 apply 是怎么改变 this 指向的呢。前，谁是 this。
2024-02-02 09:52:14
926
原创 “React Memo 大揭秘：如何彻底改变你的应用性能！“ - 从 memo 来看 react 更新
上篇文章，有一个问题，每一次点击 add ，2个子组件的打印都会打印，但是 useRef 的子组件的 props 并没有更新， 理论上来说是不需要更新的。那么应该如何优化呢，使得点击 add 后只有 countRef.current 的值变了，countRef.current 的子组件才更新。子组件现在都被 memo 包装了一层，答案就是使用 memo。
2024-02-01 11:57:30
454
原创 打破常识：React中Props更新并不意味着重渲染！- 从 useState 和 useRef 中看 react 更新机制
在React的世界里，有一个广泛流传的误解：每当组件的props发生变化，React就会自动触发重渲染。这种说法是不正确的，实际上，React的更新逻辑复杂，它涉及到一系列精妙的优化机制，这些机制决定了何时以及为何进行重渲染，但我们日常使用触发重渲染的事件只有一个，那就是 通过 setState 来更改 state 的。最后再留个问题，每一次点击 add ，2个子组件的打印都会打印，但是 useRef 的子组件的 props 并没有更新， 理论上来说是不需要更新的。下面就使用代码来解释这个情况。
2024-01-31 14:32:13
1080
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人