前端技术学习笔记

从零到一,系统学习 HTML、CSS、JavaScript 及现代前端工程化技术。纯静态、无依赖、离线可读。

本站今日更新:

学习教程

高级

前端技术架构:模块化、工程化与设计模式

从模块化演进到设计模式落地,掌握前端架构的核心思维与工程化实践。

高级

前端性能优化:加载、渲染与网络策略

从白屏到可交互,系统优化关键渲染路径、资源加载、缓存策略与打包配置。

高级

Web APIs 实战:Fetch、Storage 与 Geolocation

调用浏览器原生 API 实现数据请求、本地存储、地理位置获取等真实场景功能。

进阶

响应式设计:移动优先与媒体查询

学习移动优先策略、媒体查询断点设计、响应式图片与流式排版技巧。

进阶

JavaScript 异步编程:回调、Promise 与 Async/Await

理解异步模型演进,掌握 Promise 链式调用与 async/await 语法糖的正确用法。

进阶

JavaScript DOM 操作:动态页面交互

掌握 DOM 查询、节点操作、事件监听,实现表单验证、Tab切换等交互效果。

进阶

JavaScript 基础:变量、函数与控制流

学习 JS 变量声明、数据类型、函数定义、条件与循环,写出可运行的脚本。

入门

CSS 布局实战:Flex 与 Grid 双布局体系

深入 Flexbox 和 Grid 两大布局引擎,掌握圣杯、双飞翼、瀑布流等经典布局。

入门

CSS 基础:选择器、盒模型与布局入门

理解 CSS 选择器优先级、盒模型本质,用 Flexbox 实现常见页面布局。

入门

HTML 基础:标签、属性与文档结构

掌握 HTML 文档骨架、常用标签语义、属性书写规范,写出结构清晰的页面。