前端开发之路
路线
前端三剑客
- HTML
- CSS
- JavaScript
前端开发框架/库
Vue
React
Angular
Svelte
Solid
工程化
前端工程化的本质就是利用一系列工具,将前端开发从传统的编辑器修改变成组件化、工程化、现代化的高效开发过程。这些技术通常用于资料密集的即时应用程序。前端代码的开发、构建打包、测试、部署,都可以通过Node.js运行特定的前端构建工具链(比如Vite就集成了现代化的构建链,而不用开发者手动技术选型)来实现。
Node.js
Node.js 是能够在服务器端运行 JavaScript 的开放源代码、跨平台执行环境。Node.js 采用 Google 开发的 V8 执行 JavaScript 代码,使用事件驱动、非阻塞和异步输入输出模型等技术来提高性能,可优化应用程序的传输量和规模。npm是包管理工具,是Node.js 自带的。
前端开发工具链
首先明确前端开发的环节:项目初始化,开发、调试、构建,单元测试,部署。因此前端开发工具链包含脚手架、构建⼯具、测试工具、发布系统。
Vite原理剖析
Vite 是一个前端工具链,包含了脚手架和构建工具。Vite利用了浏览器原生的ESM模块化特性,提供极速的开发的体验。
在开发阶段:Vite会进行依赖预构建,并启动开发服务器,基于ESM向浏览器提供文件,同时基于WebSocket监听本地文件变动,提供极速的热更新(HMR)
代码管理
Git 是一个开源的分布式版本控制系统,可以有效、高速地处理从很小到非常大的项目版本管理。同时加上云仓库的实现,使得多人合作开发项目更加方便。