TF
TechFlow
首页知识图谱
🧠计算机基础💻编程语言🎨前端技术⚙️后端技术🗃️数据库🌐分布式系统☁️云计算与DevOps🤖AI 与机器学习🏛️系统设计🧭软件工程🛡️安全⚡性能工程📊数据工程🔭可观测性🏗️架构模式📱移动开发🚀职业成长
学习路径🎯 AI 面试📄 简历诊断📊 我的🧠 复习💼 离职福利📨 反馈
← 返回首页
🎨

前端技术

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
→
联系作者158794037@qq.com抖音 1143052531

TechFlow © 2026 — 计算机技术全景学习平台