前端学习计划
本计划适用于有一定前端基础的学习者,通过总计 14 周(约3个月)的系统学习,可全面掌握现代前端开发技术栈与跨平台开发能力,最终达到能够独立开发复杂交互的多页面前端应用、企业级 Vue 项目,以及基于 UniApp 的跨平台移动端应用(覆盖 H5、小程序、App 等多端)的效果,具备胜任公司前端开发相关岗位的核心竞争力。
1 阶段一:基础入门(3周)
核心目标:掌握前端三大核心技术,能写出静态页面
1.1 HTML(半周)
学习内容:HTML 基本结构、常用标签(文本、图片、链接、列表、表格、表单等)
1.2 CSS(半周)
学习内容:CSS 选择器、盒模型、浮动、定位、Flex 布局、响应式基础(媒体查询)
1.3 JavaScript 基础(2周)
学习内容:变量、数据类型、运算符、流程控制(if、for、while)、函数、数组、对象、DOM 操作、事件监听
备注:建议阅读犀牛书《JavaScript 权威指南》
2 阶段二:进阶提升(7周,含Node.js选修额外2周,核心5周)
核心目标:掌握前端工程化工具和 Vue 框架基础,能开发复杂交互、多页面的前端应用
2.1 JavaScript 进阶(2周)
学习内容:作用域、闭包、原型链、异步编程(Promise、async/await)、ES6+ 新特性(箭头函数、解构赋值、模板字符串、类)
2.2 Node.js(选修:2周)
学习内容:搭建 Node.js 开发环境,掌握前端开发中高频使用的内置模块,理解 Node.js 模块规范,能编写简单的 Node 脚本
2.3 前端工程化工具(1周)
学习内容:npm、Webpack、Vite
2.4 Vue 框架(2周)
学习内容:Vue 3 选项式 API、模板语法、组件系统、生命周期、路由(Vue Router)
3 阶段三:框架深入与项目实战(4周)
核心目标:深入掌握 Vue 生态与 UniApp 跨平台技术,能开发企业级网站和跨平台移动端应用
3.1 Vue 框架深入(2周)
学习内容:状态管理(Pinia)、UI 组件库(Element Plus)、网络请求(axios 封装)、性能优化
3.2 UniApp 跨平台框架(2周)
学习内容:环境搭建与项目配置、基础语法与跨平台组件、页面路由与全局配置、内置 API(网络请求、本地存储、设备能力)、条件编译与多端兼容、UniApp 生态组件库、跨平台项目实战