React
关注
分享
扫一扫
文章平均质量分 85
React
星空下的DeppBing
行动清单（6 个月）
基础强化：TypeScript 进阶、深入 React/Vue 源码、掌握浏览器渲染原理与性能调优工具。
方向选择：锁定 1 个核心方向（如跨端→Flutter+Wasm；AI→TensorFlow.js+LangChain）。
全栈扩展：学习 Node.js+MongoDB，搭建 BFF 层，实践微前端 / CI/CD。
AI 融合：用 Copilot X 辅助开发，落地 1 个 AI 小应用（如智能搜索 / 工单回复）。
项目验证：做 1 个完整项目（如 3D 可视化大屏 / 跨端电商小程序），沉淀技术博客与开源代码。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
中级前端进阶方向 框架篇第二十六步) 状态管理（Vuex/Pinia、Redux/Recoil/Zustand）
前端状态管理方案对比与选型指南 本文系统梳理了主流前端状态管理方案，分析了Vue和React生态下的核心工具。Vue方面对比了Vuex和Pinia，React方面详解了Redux、Recoil和Zustand，从复杂度、约束性、TS支持等维度进行横向对比。建议Vue3新项目首选Pinia，React项目根据规模选择Zustand（轻量）或Redux Toolkit（复杂），强调"没有最佳方案，只有最适合方案"的选型理念，并提供了具体场景下的技术选型建议。原创 2025-09-26 08:00:00 · 1101 阅读 · 0 评论 -
中级前端进阶方向 框架篇第二十二步) React Fiber 架构
React Fiber 架构解析 Fiber是React的核心重构，旨在解决传统栈式协调器无法中断渲染的问题。其核心设计包括：1)将渲染拆分为可中断/恢复的工作单元；2)引入优先级调度(Lanes系统)；3)采用双缓冲机制(current/workInProgress树)。工作流程分为可中断的渲染阶段(构建Fiber树和effect list)和不可中断的提交阶段(DOM操作和副作用执行)。Fiber节点包含关键字段如alternate、flags等，支持状态保留和恢复。该架构使React实现了并发渲染、增原创 2025-09-22 08:30:00 · 1417 阅读 · 0 评论 -
分别使用javascript ， vue3 ， React 实现前端轮播图（Carousel）功能
本文介绍了三种技术实现轮播图组件的方案：1)纯JavaScript实现，单文件可直接运行，支持自动播放、暂停、键盘导航和手势滑动；2)Vue3组件方案，使用组合式API，以props接收配置项，具有响应式特性；3)React函数组件方案，基于Hooks管理状态和副作用，提供完整生命周期控制。三种实现均包含核心功能：自动轮播、指示器、导航按钮，并注重无障碍访问。CSS采用translateX实现平滑过渡，支持响应式布局，可作为现代化轮播组件的开发参考。原创 2025-09-02 08:30:00 · 255 阅读 · 0 评论 -
一些项目需要使用npm install --legacy-peer-deps 安装依赖，使用pnpm install好像可以达到同样的效果
npm与pnpm处理peerDependencies的主要差异在于：npm v7+会强制安装peerDependencies并在冲突时报错，需加--legacy-peer-deps参数绕过；而pnpm默认仅警告不强制安装，能自动解决版本冲突。这是由于pnpm采用更严格的依赖管理机制，通过硬链接和store机制确保多版本共存，因此peerDependencies问题较少需要手动干预。建议复杂项目优先选用pnpm以获得更稳定的依赖管理体验。原创 2025-08-23 07:45:00 · 2146 阅读 · 0 评论 -
最简单贴切的 解耦合 理解！附前后端不同的分析个人——理解与开发场景剖析
文章摘要： 解耦合（Decoupling）是减少软件模块间直接依赖的设计原则，通过抽象层（接口、事件、协议等）实现模块独立协作。其核心价值在于提升系统灵活性（可维护、可扩展、易测试）。前端通过组件props/状态管理、模块化拆分实现解耦；后端采用分层架构（如DDD）、依赖注入（IoC）和服务间异步通信（消息队列）。典型场景包括前后端分离（API交互）、业务逻辑与视图隔离（MVVM）。解耦合的本质是让模块"高内聚、低耦合"，最终构建适应变化的弹性系统。原创 2025-08-07 08:00:00 · 1095 阅读 · 0 评论 -
React 虚拟 DOM Diff 算法详解,Vue、Snabbdom 与 React 算法对比
React虚拟DOM Diff算法通过同层比较和键值匹配实现高效更新，核心思路包括：1）仅比较同一层级节点，跨层变化直接替换子树；2）类型不同则重建整个节点树；3）借助key匹配新旧节点，避免不必要的DOM操作。算法采用O(n)复杂度策略：先比较节点类型和key，相同则更新属性并递归diff子节点列表，否则重建子树。相比Vue的双端比较和编译优化，React更依赖开发者合理使用key来优化性能。该算法通过最小化DOM操作和最大程度复用节点，显著提升了渲染效率。原创 2025-08-02 09:30:00 · 768 阅读 · 0 评论