摘要：
Next.js 深入解析 一、数据获取与渲染策略 1. getStaticPaths - SSG 动态路径生成 用于生成静态页面的动态路由路径。 // 示例：pages/posts/[id].js export async function getStaticPaths() { return { p 阅读全文
posted @ 2025-12-26 15:47
Allis
阅读(32)
评论(0)
推荐(0)
摘要：
MobX 深度解析 一、核心概念 1. Observable（观察状态） observable观察，可以使用observable包裹类来实现，创建响应式数据（类似Vue的reactive）， 不过目前常用的方法是makeObservable和makeAutoObservable，会自动把当前clas 阅读全文
posted @ 2025-12-26 15:39
Allis
阅读(16)
评论(0)
推荐(0)
摘要：
React 深入解析 一、核心原理 React 基于三大核心思想构建： 声明式编程：描述 UI 应该是什么样子，而不是如何一步步更新。 虚拟 DOM：用 JavaScript 对象表示真实 DOM 结构，通过 Diff 算法高效更新。 组件化：将 UI 拆分为独立、可复用的组件单元。 二、实现机制 阅读全文
posted @ 2025-12-26 15:31
Allis
阅读(7)
评论(0)
推荐(0)
摘要：
JavaScript 深入解析 一、Promise 相关 1. then 方法的行为 两个参数：.then(onFulfilled, onRejected) onFulfilled：Promise 状态变为 fulfilled 时执行 onRejected：Promise 状态变为 rejected 阅读全文
posted @ 2025-12-26 15:29
Allis
阅读(7)
评论(0)
推荐(0)
摘要：
TypeScript 深入解析 一、实现原理 TypeScript 的核心是编译时类型检查，并支持增量编译以提高大型项目的编译效率。 解析 (Parsing) 将 TypeScript 源代码解析为 Token 标记流。 基于 Token 构建抽象语法树 (AST)。 绑定与类型检查 (核心) 基于 阅读全文
posted @ 2025-12-26 15:18
Allis
阅读(10)
评论(0)
推荐(0)
摘要：
Vue 深入理解 一、响应式原理 Vue 3 的响应式系统基于 effect 函数 构建。 核心流程 当访问响应式对象的属性时，会触发 track 方法进行依赖收集。 依赖的存储结构为：WeakMap<Target, Map<Property, Set<Effect>>>。 Target：原始对象。 阅读全文
posted @ 2025-12-26 15:15
Allis
阅读(7)
评论(0)
推荐(0)
摘要：
Webpack 与 Vite 实现原理 Webpack 实现原理 一、核心编译过程 Webpack 将项目中的所有文件视为模块（chunk），模块之间的依赖关系决定了最终的打包结构。 二、Loader （内容待补充） 三、Plugin （内容待补充） 四、编译流程总结 读取 webpack 配置，初 阅读全文
posted @ 2025-12-26 15:12
Allis
阅读(15)
评论(0)
推荐(0)
摘要：
前端开发技术深度思考 一、框架核心机制 1. React与Vue的Diff算法比较与演进 React和Vue的Diff算法差异源于其核心设计理念的不同： React 基于不可变数据和函数式组件，默认采用相对保守的重新渲染策略，依赖开发者通过 React.memo、useMemo 等进行精细控制。 V 阅读全文
posted @ 2025-12-26 15:03
Allis
阅读(20)
评论(0)
推荐(0)
摘要：
前端性能优化与安全总结 一、性能优化 1. 优化方向概览 空间优化：减少请求文件体积 包括压缩文件、构建时优化等。 时间优化：提升请求、加载、渲染与执行效率 涉及请求速度、加载优先级、渲染优化、代码运行效率、缓存策略等。 用户感知优化：提升用户体验 如骨架屏、加载状态提示、错误降级等。 2. 技术细 阅读全文
posted @ 2025-12-26 14:59
Allis
阅读(40)
评论(0)
推荐(0)
浙公网安备 33010602011771号