竹笋

首页 » 问答 » 问答 » 前端学习路线图中
TUhjnbcbe - 2023/8/23 20:48:00

06-Node.js

Node.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,再到fetchapi,原生Ajax也一直在发生着变化,已经开始支持文件上传等高级特性,并且出现了专门用于接口调用的Ajax库axios(Vue/React项目中基本都使用它)。由于Ajax采用异步处理机制,所以原始使用回调函数获取异步结果,但是编程风格不太优雅,所以诞生了Promise这种针对异步的语法糖,fetch方法和axios的API都原生支持Promise,但是为了可读性更高,后续ES规范提供Async函数语法规则,从而彻底把回调函数剔除掉,从而让异步编程的代码风格开始接近同步的代码风格。

08-前端工程化

大学计算机专业有软件工程,但是自从前后端分离之后,前端项目可以单独进行开发、测试、部署、运维等操作,所以前端已经可以实现单独工程化设计,有了Node.js提供的基础设施,以及webpack这样的工具提供支撑,新兴前端框架Vue、React、Angular开始大方异彩,促使前端开发工具越来越方便,多端适配、小程序、桌面端等方向都开始出现越来越复杂的前端业务。所以更加专业化的工程化方案必然越来越完善,越来越普及。

09-Typescript

Typescript是微软发明的一门编程语言,给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底层技术进行了重构,整体性能也得到了显著的改善。

11-React技术栈

React框架由Facebook官方维护,由于有大厂的支撑,React的势头是很猛的,在国外的市场占有率可谓遥遥领先,在国内,一些大厂或中大型项目开始选择React技术栈,并且搭配Typescript编程语言,开始形成相对稳定的技术选型方案。

React从技术的角度可以认为比Vue更加底层,因为React并未引入过多的概念,而是基于原生JavaScript编程语法,发明了一种相对简单的视图语法JSX(形式上就是在JavaScript中直接写HTML片段)。但是组件化开发的模式和Vue都是类似的,并且React的生态会更加完善,基本上常用的一些通用组件基本都可以找到开源的包,比如:拖拽、长列表、动画等。虽然Vue和React从代码的角度还是有不少的差别,但是核心思想还是有很多共性的,比如组件化开发、前端路由、状态管理、UI组件库的使用、接口调用库的支持等场景。所以如果你有Vue的使用经验,那么上手React的门槛其实并不算高。

12-

1
查看完整版本: 前端学习路线图中