- 博客(72)
- 收藏
- 关注
原创 vue3-diff算法-最长递增子序列
最长递增子序列(LIS)是指在一个序列中,求出一个子序列,使得这个子序列元素的数值递增,且是原序列中长度最长的。
2025-01-05 20:14:28
784
原创 vue3-dom-diff算法
Vue3中的diff算法是一种用于比较虚拟DOM树之间差异的算法,其目的是为了高效地更新真实DOM,减少不必要的重渲染。
2025-01-05 17:03:45
802
原创 react Hooks(useRef、useMemo、useCallback)实现原理
react hooks useRef、useMemo、useCallback 实现原理
2023-12-08 17:06:50
1007
原创 React Hooks为什么要在顶层使用?
每个组件都会生成一个 FiberNode(节点),组件内使用的 hook 会以链表的形式挂在 FiberNode 的 memoizedState 上面。当 react 重新渲染时,会生成一个新的 fiber 树,而这里会根据之前已经生成的 FiberNode ,拿到之前的 hook ,再复制一份到新的 FiberNode 上,生成一个新的 hooks 链表。使用过 hooks 的小伙伴应该都会发现,hooks只能在函数式组件的顶层使用,不能在循环,条件或嵌套函数中调用 Hook。
2023-11-08 16:40:00
1263
原创 React 底层 Fiber 架构 简单理解
JS 是引擎是的;严格来说,JS 引擎和页面渲染引擎在同一渲染线程,两者。那么就会遇到这样的一种情况:当前面一个任务长期霸占CPU,后面啥事也干不了,浏览器卡死,造成极差的用户体验。
2023-11-04 18:31:18
875
原创 Pinia 二、Store、state、actions、getters
参数二: 可接受两类值:Setup 函数或 Option 对象。Pinia 将用它来连接 store 和 devtools。命名习惯:将返回的函数命名为 use…
2023-07-13 15:45:34
433
原创 React(精读官方文档) - Hook -HookAPI(useReducer、useImperativeHandle)
React(精读官方文档) - Hook -HookAPI(useReducer、useImperativeHandle)
2023-02-12 18:47:10
179
原创 React(精读官方文档) - Hook-使用 State Hook(useEffect、useLayoutEffect)
React(精读官方文档) - Hook-使用 State Hook(useEffect、useLayoutEffect)
2023-02-12 11:55:25
339
原创 React(精读官方文档) - API REFERENCE - ReactDOMServer
React(精读官方文档) - API REFERENCE - ReactDOMServer
2023-02-11 15:07:34
125
原创 React(精读官方文档) -API REFERENCE - React.Component(生命周期、render、Error boundaries、setState、forceUpdate等)
React(精读官方文档) -API REFERENCE - React.Component(生命周期、render、constractor、Error boundaries、setState、forceUpdate等)
2023-02-11 11:42:04
363
原创 react(精读官方文档) -高级指引 - Refs and the DOM
React(精读官方文档) - 高级指引 - Refs and the DOM
2023-02-07 16:58:40
292
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人