FRONTEND CATEGORY

前端技术

从 HTML 语义化到 JavaScript 进阶，从响应式布局到前端工程化，覆盖现代 Web 前端开发核心知识体系。

42知识条目

8核心知识点

30h+建议学习时长

260+代码示例

KNOWLEDGE POINTS

前端核心知识点

按学习难度分层排列，入门到进阶循序渐进，每个知识点均配有可运行代码示例。

掌握 header、nav、article、section、aside、footer 等语义化元素，理解结构语义对 SEO 与无障碍访问的价值。

入门查看详情 →

一维 Flex 与二维 Grid 协同使用，搞定居中、等高列、圣杯布局等经典场景，告别 float 黑魔法。

入门查看详情 →

transition、transform、animation 与 keyframes 的组合运用，实现高性能的交互动效与微交互。

进阶查看详情 →

深入理解词法作用域、作用域链、闭包原理及常见应用场景，避开内存泄漏陷阱。

进阶查看详情 →

let/const、箭头函数、解构、模板字符串、Promise、async/await、模块化等现代 JS 语法详解。

进阶查看详情 →

媒体查询、rem/vw 单位、移动优先策略与断点选择，打造适配多端的自适应页面。

进阶查看详情 →

模块化、构建工具、代码规范、自动化测试与 CI/CD，建立可维护的中大型前端工程体系。

高阶查看详情 →

Can I Use 查询、CSS 前缀、Polyfill、Babel 转译与渐进增强策略，优雅解决多浏览器差异。

进阶查看详情 →

RECOMMENDED

知识点配套教程，边学边练，巩固前端开发能力。