我的前端技术成长与沉淀

这里是我个人前端编程技术的记录站,用于沉淀学习笔记、踩坑经验与项目复盘,仅保存个人前端编程技术相关信息。

HTML / CSS JavaScript TypeScript React Vue 工程化

成长历程

记录从入门到逐步深入前端领域的关键节点。

起步阶段

HTML / CSS 基础

学习网页结构与样式布局,理解盒模型、Flex 与 Grid 等核心概念,能独立完成静态页面的还原。

进阶阶段

JavaScript 与交互

掌握 DOM 操作、事件机制、异步编程与原型链,开始编写具备交互逻辑的动态页面。

框架阶段

React / Vue 实践

学习组件化思想、状态管理与路由,使用主流框架搭建可维护的单页应用。

工程化阶段

构建工具与规范

接触 Vite、Webpack、TypeScript、ESLint 等工具链,关注代码质量、性能优化与团队协作规范。

技术沉淀

日常学习笔记与经验总结(示例)。

从零理解盒模型与 BFC

前端基础 · 笔记

整理标准盒模型与 IE 盒模型的区别,结合常见布局塌陷场景说明 BFC 的触发条件与用途。

JavaScript 事件循环解析

JavaScript · 笔记

梳理宏任务与微任务的执行顺序,通过实例讲清异步代码的输出结果,避免常见的时序误区。

组件化设计的一点思考

工程实践 · 复盘

总结在 React / Vue 项目中拆分组件粒度、管理状态与复用逻辑的经验,降低维护成本。

前端性能优化清单

性能优化 · 沉淀

从加载、渲染、网络三个维度梳理可落地的优化手段,如代码分割、图片懒加载与缓存策略。

关于本站

站点定位与说明。

本网站为个人前端编程技术成长与沉淀的记录,用于整理和展示我个人在前端领域的学习笔记、实践经验与项目复盘。

站点内容仅保存个人前端编程技术相关信息,不包含商业经营、新闻资讯、用户交互社区等其他类型内容。

技术栈:HTML CSS JavaScript TypeScript,并以静态网页形式托管。