前端学习指南

欢迎来到前端学习指南！这是一个全面的前端技术学习资源，涵盖了HTML、CSS、JavaScript等核心技术。

🚀 快速开始

本地开发

npm run dev

构建部署

npm run build
npm run deploy

📚 学习内容

HTML 基础

• 基本结构
• 常用元素
• 表单处理
• 语义化标签
• 多媒体元素

CSS 样式

• 选择器
• 盒模型
• 布局技术
• Flexbox
• Grid
• 响应式设计
• 动画效果

JavaScript 编程

• 基础语法
• 函数编程
• 面向对象
• 数组操作
• DOM操作
• 事件处理
• ES6特性
• 异步编程

性能优化

• 性能概述
• 页面加载过程
• 用户指标
• 性能分析
• 网络优化
• 渲染优化
• 性能指标计算

Vue3.0 学习

• 核心基础
• Composition API
• 响应式系统
• 组件化开发
• 性能优化
• TypeScript 集成
• 工程化配置

前端工程化

• 项目架构与工程化 - 项目架构设计原则与工程化实践
• 工程化与编译原理 - 深入理解编译原理在工程化中的应用
• Vite构建原理与源码剖析 - Vite核心原理与源码深度分析
• 构建工具详解 - Vite、Rollup、tsup、tsc等工具对比与应用场景
• Webpack原理深度剖析 - Webpack核心原理与优化策略
• TypeScript高级应用 - TypeScript在企业级项目中的高级用法
• ESLint编码规范与原理解析 - 代码质量保障工具的原理与实践
• Docker入门与流程编排 - 容器化部署与CI/CD流程设计
• 脚手架工具原理 - 企业级命令脚手架的设计与实现
• 前端测试方案与实践 - 单元测试、集成测试、端到端测试的完整方案
• 组件库架构设计与开发 - 企业级组件库的设计原则与开发实践
• 微前端架构实践 - 巨石应用拆分与微前端架构设计

🔧 技术栈

• 文档框架: VuePress 2.x
• 主题: theme-hope
• 图表: Mermaid
• 部署: GitHub Pages

📖 如何使用

1. 导航学习: 使用左侧导航栏浏览不同章节
2. 搜索内容: 使用顶部搜索框快速找到相关内容
3. 图表学习: 查看Mermaid图表示例，学习图表语法
4. 实践练习: 跟随教程动手练习，巩固学习效果

📄 许可证

MIT License

---

开始您的前端学习之旅吧！🚀