- 博客(34)
- 收藏
- 关注
RSS订阅原创 React 渲染全流程剖析：初次渲染与重渲染的底层逻辑
React的渲染机制主要是以Fiber架构为中心，本文以初次渲染和重渲染角度讨论，以及与Vue渲染机制的区别
2025-07-03 10:00:00
989
原创 React组件设计指南：从类组件到函数组件，从受控组件到非受控组件
类组件和函数组件的主要区别体现在代码实现、调用机制和状态管理方式上。类组件通过实例化调用，使用this.state和setState管理状态，拥有完整的生命周期方法；函数组件则直接调用函数，使用useState等Hooks管理状态，通过useEffect模拟生命周期。类组件的props通过this.props访问，函数组件则通过参数获取。在React 18后，两者状态更新都支持自动批量处理，但函数组件存在闭包陷阱需要注意。开发中推荐使用函数组件+Hooks模式，因其代码更简洁且性能更优。
2025-07-01 10:00:00
811
原创 React vs Vue：ref深度解析
对比Vue3和React中ref的不同实现与应用场景。两者最大的区别在于：Vue的ref会自动绑定并触发响应式更新，React的ref则是手动操作且不引发渲染。还分析了ref与state的关键差异（是否触发渲染），并列举了三种典型使用场景
2025-06-12 10:00:00
691
原创 React——高阶组件
React高阶组件(HOC)是一种增强组件功能的模式，它接收组件并返回新组件。使用HOC时需遵守重要约定：不修改原组件原型（应采用组合方式）、透传无关props、保持良好可组合性、设置明确displayName。注意事项包括：避免在render中使用HOC（会导致性能问题）、手动复制静态方法、以及refs无法自动传递（需使用forwardRef）。合理使用HOC可以实现逻辑复用，但需注意这些规范才能确保组件正常工作。
2025-06-11 10:00:00
926
原创 React——useState如何解决异步更新问题
使用React的useState时，由于状态更新是异步的，连续调用setState可能会导致更新合并问题。例如重置和设置展开行key时，两个操作可能被合并执行，导致预期效果失效。本文介绍了两种解决方法，都是实践过可行的
2025-06-06 09:46:11
287
原创 深入解析CSRF攻击：从攻击机制到多层次防护策略
分析CSRF攻击类型及原理，同源检测、Samesite Cookie、Token验证等多层次防护策略，适配不同场景安全需求。
2025-04-28 10:00:00
939
1
原创 Git中如何使用cherry-pick进行多分支转移代码
在工作中遇到使用cherry-pick的场景，正好把使用过程记录下来，这篇文章是以使用角度来写的
2025-04-26 10:00:00
436
原创 深入解析XSS攻击：从原理到防御的全方位指南
深度解析XSS的三大类型（存储型、反射型、DOM型），深入探讨其攻击原理、核心差异及典型场景，以及针对每种攻击方式的防御策略
2025-04-25 10:00:00
1359
原创 深入解析事件循环机制JavaScript Event Loop
深入剖析Event Loop的核心机制。Event Loop具体是如何进行工作的？以及异步任务的执行流程（分宏任务与微任务）
2025-04-14 16:40:16
339
原创 Vue2与Vue3的双向数据绑定原理与实现对比
剖析Vue框架中双向数据绑定的实现原理，以MVVM模式为核心，对比Vue2与Vue3在数据监听机制上的本质差异
2025-04-12 10:00:00
743
原创 Vue3状态管理——storeToRefs 与 computed何时使用
为了保持store中数据的响应式，可以使用storeToRefs或是computed，这两种方法有什么区别呢？以及什么情况下用哪种方法？由这些疑问产生这篇文章
2025-04-11 09:28:54
471
原创 Vue 实例生命周期：从创建到卸载的全过程
Vue实例创建、挂载、更新、卸载的全过程到底发生了什么？以及不同情况下的数据请求应该在什么地方执行才有更好的效果
2025-04-10 14:56:43
955
原创 TypeScript类型映射与代码优化
解析TypeScript类型映射以及它的高阶应用，涵盖利用类型映射替代冗余条件分支、动态生成类型、批量调整属性特性
2025-04-08 09:29:03
936
原创 Vue3渲染机制解析：编译时优化与虚拟DOM的性能跃迁
Vue3如何通过编译器与运行时的协同设计，将虚拟DOM的“粗粒度比对”进化为“精准靶向更新”，为高复杂度应用提供毫秒级渲染优化的底层逻辑
2025-04-02 13:47:08
781
原创 解决Dev-C++6.3中文乱码和不显示问题
在网上看的一个很快捷的方法解决中文乱码，但我这边使用会报错说是Illegal byte sequence，这里是一个在原来方法的基础上修改了一点点的解决办法。
2023-10-29 20:25:37
4911
4
原创 pinia的state中定义数组失去响应式，只读不可改
不知道你们有没有遇到过标题上面这个问题，在网上找来找去没找到解决方法，接下来是我想到的一种间接为数组添加响应式的方法（其实本质是控制index）
2023-05-20 10:00:00
1826
1
原创 Rollup failed to resolve import “tslib“ from “node_modules/echarts/lib/core/echarts.js“.
在HBuilderX中下载eharts插件然后引入eharts之后出现了这几个错误(Vue3)
2023-05-19 20:57:00
1269
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人