首页 » 爱链网 » 前端路线图-中(开发语法越来越技术程序)「前端 路线」

前端路线图-中(开发语法越来越技术程序)「前端 路线」

雨夜梧桐 2024-07-24 04:49:44 爱链网 0

扫一扫用手机浏览

文章目录 [+]

随着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-公众号&小程序

自从微信占据移动互联网的即时通信领域以来,它的生态一直在不断完善。
其中公众号这种模式的推出可以说是一个里程碑式的事件。
刚开始推出公众号的时候,针对它的开发可以说是非常火热的,不仅可以在页面端对接公众号的SDK,而且很多项目在后端对接公众号API,从而可以更加灵活定制业务场景。
不过随着公众号越来越多,用户体验上会有些问题(比如推荐太多,有点烦),热度其实也有所减退,并且简单的场景可以直接在公众号后台发布内容即可,可以不做开发。

前端路线图-中(开发语法越来越技术程序) 前端路线图-中(开发语法越来越技术程序) 爱链网
(图片来自网络侵删)

此后,微信生态又诞生了更加强大的应用形式:小程序,可以说又把微信生态提升到新的高度,尤其是开始的时候“跳一跳”小游戏可谓是风光了一把。
随着这种应用形式不断被市场认可,越来越多的平台开始支持自己的小程序。
从技术的角度,小程序提供了一些新的语法规则,但是基本还是Web技术(HTML、CSS和JavaScript),此外一些第三方框架对原生小程序进行了二次封装,从而可以应对跨平台的场景,为公司业务提供了很大的便利性。
比如uni-app可以基于Vue的语法进行开发,并且兼容小程序的本地语法,可以发布不同平台的小程序;再比如Taro,也是类似的应用场景,但是它采用React技术方案。
对于前端来说,其实开发小程序的门槛并不高,有些公司甚至开发小程序的工作量会更多。

13-HybridApp

Hybrid即混合开发。
说到混合开发,要熟悉一下App的开发模式。
现在基本是IOS和Android两个阵营,IOS早期使用Object-C开发,后来使用Swift;Android基本采用Java进行开发,但是对于公司来说,维护两套App代码还是不太方便的,成本也比较高,尤其对于小公司。

所以如果能有一套代码可以发布到两个平台岂不美哉?其实早期的探索方案有PhoneGap(后来改名Cordova),以及后来的ionic,但是这些都没有流行起来。
再后来有React Native、Weex,他们在有些公司开始得到尝试,尤其是React Native还是有一定的市场份额的。
但是前面这些方案在性能和体验上相比原生App开发还是有局限性的。
再后来谷歌推出了Flutter方案,在性能上得到了较大的提升,但是Flutter并未采用前端相关的技术方案,而是采用了谷歌自己的编程语言Dart,所以上手门槛还是有点儿高,严格来说并不是前端的生态了。

其他更多技术路线,后续继续聊!

标签:

相关文章