我的前端技术成长与沉淀
这里是我个人前端编程技术的记录站,用于沉淀学习笔记、踩坑经验与项目复盘,仅保存个人前端编程技术相关信息。
成长历程
记录从入门到逐步深入前端领域的关键节点。
起步阶段
HTML / CSS 基础
学习网页结构与样式布局,理解盒模型、Flex 与 Grid 等核心概念,能独立完成静态页面的还原。
进阶阶段
JavaScript 与交互
掌握 DOM 操作、事件机制、异步编程与原型链,开始编写具备交互逻辑的动态页面。
框架阶段
React / Vue 实践
学习组件化思想、状态管理与路由,使用主流框架搭建可维护的单页应用。
工程化阶段
构建工具与规范
接触 Vite、Webpack、TypeScript、ESLint 等工具链,关注代码质量、性能优化与团队协作规范。
技术沉淀
日常学习笔记与经验总结(示例)。
从零理解盒模型与 BFC
整理标准盒模型与 IE 盒模型的区别,结合常见布局塌陷场景说明 BFC 的触发条件与用途。
JavaScript 事件循环解析
梳理宏任务与微任务的执行顺序,通过实例讲清异步代码的输出结果,避免常见的时序误区。
组件化设计的一点思考
总结在 React / Vue 项目中拆分组件粒度、管理状态与复用逻辑的经验,降低维护成本。
前端性能优化清单
从加载、渲染、网络三个维度梳理可落地的优化手段,如代码分割、图片懒加载与缓存策略。
关于本站
站点定位与说明。
本网站为个人前端编程技术成长与沉淀的记录,用于整理和展示我个人在前端领域的学习笔记、实践经验与项目复盘。
站点内容仅保存个人前端编程技术相关信息,不包含商业经营、新闻资讯、用户交互社区等其他类型内容。
技术栈:HTML CSS JavaScript TypeScript,并以静态网页形式托管。