- 博客(19)
- 收藏
- 关注
RSS订阅原创 Promise浅见（附手写Promise）
本文介绍了Promise/A+规范及ES6 Promise的核心内容。系统性地阐述了Promise的核心概念和使用方法。
2026-03-14 18:27:13
442
原创 Promise 实现
本文实现了一个符合Promise/A+规范的MyPromise类，使用ES6 class语法完成。该实现完整覆盖了Promise的核心特性，包括链式调用、异步执行和错误处理机制。
2026-03-14 18:24:22
20
原创 面向对象编程
本文系统介绍了JavaScript中的面向对象编程核心概念。主要内容包括：1) this的四种绑定规则（默认/隐式/显式/new绑定）及箭头函数的特性；2) 面向对象三大特性（封装/继承/多态）的实现方式，包括构造函数、原型链和ES6类语法；3) 原型链机制及其在继承中的作用；4) 基于函数的面向对象实现方法（构造函数/工厂函数/闭包）；5) ES6类语法特性（继承/静态方法/getter-setter/私有字段）。文章通过大量代码示例，详细说明了JavaScript面向对象编程的各种技术细节和最佳实践。
2026-03-12 23:29:26
357
原创 作用域/闭包
本文摘要：JavaScript中的作用域分为全局作用域、函数作用域和块级作用域，决定变量的可访问范围。作用域链描述了变量查找的层级关系。预编译阶段会发生变量和函数声明提升，其中函数声明优先。闭包是由函数及其引用外部变量组成的结构，能够延长变量生命周期，实现模块化开发，但需注意内存泄漏问题。通过作用域、作用域链、预编译和闭包机制，JavaScript实现了灵活的变量访问控制和数据封装。
2026-03-11 23:16:53
366
原创 Git操作
本文总结了Git常用的基本指令，包括配置、仓库管理、文件操作、提交历史查看、撤销更改、分支管理、远程操作等核心功能。从初始化仓库、克隆项目到添加文件、提交更改，再到分支切换合并和远程同步，涵盖了版本控制的完整工作流程。这些指令为开发者提供了从本地开发到团队协作所需的工具，帮助高效管理代码版本和项目协作。
2026-03-06 21:15:00
79
原创 React 的最新特性
React18和19版本带来了多项重要优化：React18的自动批处理通过合并状态更新减少渲染次数，提升性能；React19新增Activity组件优化并发渲染，与Suspense形成互补。在异步处理方面，use Hook简化了Promise消费逻辑，而useActionState和useFormStatus改进了表单状态管理。React19还支持组件内直接渲染meta标签和样式表，并优化了ref传递机制，使其更高效且类型安全。这些改进显著提升了开发体验和性能表现。
2026-03-01 17:30:00
601
原创 React Hooks 深度解析
React Hooks执行顺序与优化指南 摘要： 本文系统讲解了React Hooks的核心机制和优化策略。首先剖析了useEffect和useLayoutEffect的执行时机差异，前者在绘制后异步执行，后者在绘制前同步执行。深入探讨了useEffect依赖项的工作原理，强调必须完整声明依赖以避免闭包问题。针对异步请求场景，介绍了使用AbortController和请求标识符避免竞态条件的方法。分析了useCallback和useMemo的适用场景及滥用风险，对比了useRef与useState的本质区别
2026-02-28 20:30:00
1491
原创 React 状态管理方案
本文系统梳理了React状态管理的核心知识体系，涵盖从基础到高级的多种方案。主要内容包括：1）组件间通信的props、回调函数、Context API和状态库等方法；2）useState与useReducer的对比选择及优化技巧；3）状态提升模式的优缺点分析；4）Redux中间件机制详解；5）RTK Query、Zustand、Jotai等现代状态库的特性对比；6）状态持久化存储方案；7）Signals响应式编程理念。文章提供了详实的代码示例和技术选型建议，帮助开发者构建完整的状态管理认知框架，适用于不同规
2026-02-27 22:00:00
650
原创 React 基础与核心思想
React核心概念解析：从设计哲学到底层实现 核心公式UI=f(state)揭示了React的声明式本质，UI作为状态的函数呈现，保证数据流的单向性和可预测性。 虚拟DOM与Fiber架构构成React性能优化的双支柱： 虚拟DOM通过差异比对减少DOM操作 Fiber架构实现可中断的异步渲染，支持时间切片和任务优先级调度 组件设计原则： 函数组件与Hooks成为现代React开发主流 组合优于继承的设计理念 受控与非受控组件的场景化选择 关键机制： Key属性优化列表渲染 合成事件系统实现跨浏览器兼容 严
2026-02-26 22:00:00
1035
原创 React知识点汇总
本文系统介绍了React框架的核心概念与技术要点。主要内容包括：React基础（JSX语法、组件类型）、状态管理（state/props、生命周期）、虚拟DOM与Diff算法、常用Hooks（useState/useEffect等）、状态管理方案（Context/Redux）、性能优化策略（代码分割/懒加载）、事件处理与表单控制等。特别强调了函数组件与Hooks的最佳实践，以及列表渲染时key的正确使用方式。同时涵盖了高阶组件、Render Props等高级模式，并解答了受控组件、异步处理等常见问题，为开发
2025-10-24 11:11:50
858
原创 Vite面试题汇总
Vite构建工具核心技术解析：采用ESM原生支持实现毫秒级开发启动，通过Rollup完成生产打包。核心优势包括模块级HMR热更新、预构建依赖优化，支持自定义插件开发。针对CJS兼容、IE支持等场景，提供@vitejs/plugin-legacy等解决方案。相比Webpack，Vite在开发体验上有显著提升，但需注意多页面/SSR等场景的配置复杂性。适用于现代前端项目，尤其Monorepo架构可通过workspace协议优化依赖管理。
2025-10-21 23:03:50
465
原创 Vite优势
Vite作为新一代前端构建工具，凭借原生ESM支持实现毫秒级启动和极速热更新(HMR)，相比Webpack性能优势显著。其基于Rollup的构建优化和开箱即用配置大幅降低开发复杂度，特别适合现代框架新项目。而Webpack在插件生态和传统浏览器兼容方面仍具优势。实际测试显示，Vite在Vue3+TS项目中的热更新速度可达Webpack的20倍以上，是追求开发效率的首选方案，但需权衡项目兼容性需求。
2025-10-21 21:45:33
424
原创 React 常用 Hooks
本文系统介绍了React Hooks的核心用法与优化策略。详细解析了各Hook的使用场景、实现原理和最佳实践，同时指出了常见问题与解决方案，帮助开发者构建高效可靠的React应用。
2025-07-16 22:51:51
2108
原创 Webpack5 处理 CSS文件
本文介绍了如何通过Webpack5处理CSS文件。首先搭建基础项目框架，安装webpack及相关依赖。由于Webpack默认仅能处理JS文件，需通过style-loader和css-loader处理CSS。随后使用mini-css-extract-plugin将CSS提取为单独文件，并通过postcss-loader进行压缩优化。最后说明处理less文件的方法，只需额外安装less-loader并在配置中添加相应规则即可。整个流程实现了CSS文件的模块化处理、独立打包和优化压缩。
2025-07-13 01:26:44
1754
原创 手搓React + Webpack + Typescript + Less
本文详细介绍了手动创建React项目的完整流程。首先通过npm init初始化项目，安装React、Webpack、TypeScript、Babel和Less等核心依赖。接着配置目录结构，创建必要的项目文件和配置（webpack.config.js、tsconfig.json、.babelrc）。文章重点展示了Webpack配置细节，包括开发服务器设置、各类文件loader配置以及HTML模板处理。最后通过编辑入口文件、组件和HTML模板完成项目搭建，并提供了npm run build和npm start命
2025-07-11 16:52:55
967
原创 Webpack Dev Server
Webpack Dev Server 是 Webpack 提供的一个开发辅助工具，主要功能是通过本地服务器实时刷新页面。
2025-07-08 22:57:49
1881
原创 webpack5
webpack 是一个用于现代 JavaScript 应用程序的 静态模块打包工具。当 webpack 处理应用程序时，它会在内部从一个或多个入口点构建一个 依赖图(dependency graph)，然后将你项目中所需的每一个模块组合成一个或多个 bundles，它们均为静态资源，用于展示你的内容
2025-07-08 18:06:01
906
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人