← 返回首页
🎨

前端技术

Frontend Development

现代前端开发技术栈，从基础到框架

🎨

HTML & CSS

入门

Web 的骨架与皮肤。HTML 定义内容结构，CSS 控制视觉表现。它们是所有前端技术的基石。

HTML 语义化、表单与无障碍CSS 布局: Flexbox、Grid 与响应式CSS 动画、变量与现代特性
关联：📜 JavaScript⚛️ React💚 Vue.js▲ Next.js
→
⚛️

React

进阶

Meta 出品的 UI 库，用组件化思想构建用户界面。生态丰富，是目前最流行的前端框架。

组件、JSX 与 PropsHooks 深入: State、Effect 与自定义 Hooks性能优化与设计模式
关联：▲ Next.js🔷 TypeScript💚 Vue.js
→
💚

Vue.js

进阶

渐进式 JavaScript 框架，易学易用，性能出色。Composition API 让逻辑复用更加灵活。

模板语法、响应式与 Composition APIComposables、Pinia 与组件通信
关联：⚛️ React🔷 TypeScript▲ Next.js
→
▲

Next.js

高级

React 全栈框架，支持 SSR/SSG/ISR 多种渲染策略，App Router 架构让全栈开发更加流畅。

App Router 与 Server/Client 组件数据获取、Server Actions 与渲染策略
关联：⚛️ React🔷 TypeScript💚 Node.js
→