短视频|前端路线图-中短视频

06-Node.jsNode.js的诞生可以说是前端生态的分水岭。自从有了Node.js ，开源社区便开始持续不断地提供npm包。前端管理资源的模式发生了根本性变化，前端生态也开始走上正规化道路。新兴前端框架Angular、Vue和React都是构建在Node.js之上。围绕前端工程化工具webpack提供了丰富的npm包，帮助实现工程化的各个环节。 Node.js除了作为前端框架的底层基础设施之外，其实也可以基于Node.js开发后端项目，但是门槛相对高一些，如果之前是后端工程师，那么基于Node.js开发相对会更容器上手。对于初创公司来说，基于Node.js的技术选项相对更容易些，前后端编程语言可以统一，可以更好的组建团队。
07-Ajax异步编程严格来说Ajax也属于JavaScript的范畴，这里单独来讨论，是因为前后端彻底分离之后， Ajax就开始扮演越来越重要的角色。从最开始的Xhr1.0、Xhr2.0 ，再到fetch api ，原生Ajax也一直在发生着变化，已经开始支持文件上传等高级特性，并且出现了专门用于接口调用的Ajax库axios（Vue/React项目中基本都使用它）。由于Ajax采用异步处理机制，所以原始使用回调函数获取异步结果，但是编程风格不太优雅，所以诞生了Promise这种针对异步的语法糖， fetch方法和axios的API都原生支持Promise ，但是为了可读性更高，后续ES规范提供Async函数语法规则，从而彻底把回调函数剔除掉，从而让异步编程的代码风格开始接近同步的代码风格。
08-前端工程化大学计算机专业有软件工程，但是自从前后端分离之后，前端项目可以单独进行开发、测试、部署、运维等操作，所以前端已经可以实现单独工程化设计，有了Node.js提供的基础设施，以及webpack这样的工具提供支撑，新兴前端框架Vue、React、Angular开始大放异彩，促使前端开发工具越来越方便，多端适配、小程序、桌面端等方向都开始出现越来越复杂的前端业务。所以更加专业化的工程化方案必然越来越完善，越来越普及。
09-TypescriptTypescript是微软发明的一门编程语言，给JavaScript添加了强类型约束，并且扩展了很多新的语法特性，并且兼容JavaScript语法，是JavaScript的超集。有了强类型约束之后，代码在开发阶段就可以通过工具（比如VSCode）发现语法上的错误，而不需要等到运行阶段，这对于大型项目来说很重要，可以大大增强程序的健壮性。如果你有Java、C#等面向对象语言的基础，其实Typescript上手还是比较容易的。对于现在流行的前端框架Vue、React来说，对Typescript的支持越来越好，一些第三方包的代码也采用Typescript进行了重构，对于大型项目来说，越来越多的技术选型中开始采用Typescript编程语言。
10-Vue技术栈Vue框架由尤玉溪个人团队维护，由于官方推崇的“渐进式”的理念，所以上手非常容易。 Vue封装了一套简单易用的模板语法，比如插值表达式、指令、计算属性、侦听器、过滤器等，此外界面采用组件化开发模式，提供了一套相对简单的通用组件化方案，从而方便代码的维护和重用。官方也提供了相关核心的插件，比如vue-router、vuex(pinia) ，以及创建项目可以开箱即用的脚手架工具，可以让开发者快速创建项目基础架构。随着Vue应用的越来越多，尤其是国内，它的生态开始越来越完善，相关的第三方组件库越来越丰富，所以Vue技术栈的整体生态越来越丰富，并且人员储备也已经比较丰富，对于研发团队的快速组建是一个较大的优势。并且随着Vue3版本的推出，组合API与React的Hook用法变得异曲同工，从维护性和易用性的角度，得到了较大的提升，由于Vue3底层技术进行了重构，整体性能也得到了显著的改善。