聊前端学习路线,绕不开 Promise 这个话题。ES6 把它纳入标准后,Promise 就成了异步编程的核心方案——比传统回调函数要清晰得多,也强大得多。
但今天不是只聊一个点的。我们要梳理的,是一条完整、扎实的前端进阶路径,从基础到高阶,覆盖所有关键环节。
第三阶段:前端高级框架技术
这一阶段,Vue 和 React 是绝对的主角。从 Vue2 过渡到 Vue3,再到 Pinia、React 及其项目实战,每一个都是硬骨头。
Vue.js 之所以受企业青睐,核心在于它的简洁、轻量和数据驱动。课程从项目实战出发,用相对轻松的方式展开,帮大家从 Vue2 平滑过渡到 Vue3。实战项目里,Vue3 + Element Plus 搭建后台管理系统,涉及组件开发、axios 封装、路由配置、环境变量部署等,可以完整地走一遍企业级开发流程。Pinia 的部分则结合了腾讯 IM 和 Vue3 + Vite + TS,深入封装 IM 插件,这是比较贴近真实业务需求的.
React 方面,最新版 React17 的视频覆盖了核心技术和周边生态,最后还有一个完整的后台管理系统项目。这套打下来,即便没有大厂经验,也能对内部的开发流程有清晰认知.
第四阶段:混合应用开发技术
所谓混合开发,就是把基于 HTML5 的浏览器应用,嵌入到 Android、iOS 的 App 里,或者嵌入到基于 Node 和 Chromium 的桌面端。它兼具了 WebApp 和 NativeApp 的优势,适用面很广。
这一阶段学会,意味着具备了多端开发能力。涵盖微信公众号、微信小程序、小程序实战(锋巢直播 IM 基于腾讯云音视频)、Uniapp 及其实战项目。Uniapp 基于 Vue + 微信小程序的语言体系,学习成本低,生态逐步成熟,适合做多端(小程序 + H5 + 安卓 + iOS)项目。实战项目是一个面向指定城市区域的蛋糕定制网站,线上线下结合的定制服务,很典型。
第五阶段:大前端架构技术
到了这里,基本就是架构师层面的东西了。Webpack5、Vite2、TypeScript。掌握这些,意味着你能够进行项目整体架构的规划,能解决网站的突发性能问题,能把网站优化到极致。
Webpack5 的课程分为四个部分:基础应用、高级应用、项目实战、内部原理。通过前后呼应的 demo 从零学会 Webpack5,再在实战中理解底层原理,知其然更知其所以然。
