前端学习

学习概览

1,042天

学习天数

自 2023 年 4 月起

186篇

技术笔记

布局、脚本、工程化各占一部分

74段

代码片段

按场景归档，随用随取

32个

组件练习

导航、卡片、表单等常用件

1,860小时

累计投入

含阅读、动手与复盘

12个

完整练习项目

从取色器到数据看板

15小时

每周练习

工作日晚上加周末半天

96天

连续打卡

每次至少写一段可运行代码

关于我

杨建飞 · 广州

我是杨建飞，一名前端学习者，住在广州。白天做的是和代码打交道的工作，晚上和周末的时间基本上都花在前端上：写页面、调样式、拆别人的实现思路，然后把过程记成笔记。

这个站点是我的个人主页，只放两件事——我在学什么、我做出了什么。内容全部是纯手工写的原生代码，没有套模板，也没有堆一堆用不上的依赖，看得见的每一处样式都能在上面的笔记里找到来路。

2023 · 从语义化结构、盒模型与常用布局开始，把页面骨架练熟。
2024 · 转入 JavaScript：事件、DOM 操作与浏览器渲染流程。
2025 · 工程化实践：模块拆分、构建配置与资源优化。
2026 · 专注动效细节、可访问性与组件化沉淀。

专注方向

当前进度自评

HTML 与 CSS 布局92%

JavaScript 与 DOM85%

响应式与多端适配88%

前端工程化与构建76%

动效与可访问性71%

性能优化与调试68%

实践作品

边学边做，做完即归档

布局练习册

把六十组常见的页面结构用弹性盒与网格重写一遍，三栏、瀑布流、仪表盘这些骨架逐个过手，每一组都顺手做一遍窄屏适配。

GridFlexbox响应式

动效实验室

收集过渡、关键帧与滚动触发的小效果，同一段动画换不同缓动曲线跑一遍，对比手感差异，挑出最自然的几组留在项目里。

TransitionIntersectionObserver

组件工坊

把日常反复写到的导航、卡片、表单封装成不依赖任何框架的小组件，按需取用，随手丢进任意页面就能跑起来。

原生 JS语义化

联系方式

工作日晚间回复

邮箱

yangjianfei@chainergy.xyz

电话

020-8636 5120

所在地

广东省广州市天河区科韵路 16 号 3 号楼 502 室

站点

chainergy.xyz