前端开发之路 #

路线 #

• Frontend Roadmap

前端三剑客 #

• 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 是一个开源的分布式版本控制系统，可以有效、高速地处理从很小到非常大的项目版本管理。同时加上云仓库的实现，使得多人合作开发项目更加方便。