短视频|前端路线图-中( 二 )


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-HybridAppHybrid即混合开发 。 说到混合开发 , 要熟悉一下App的开发模式 。 现在基本是IOS和Android两个阵营 , IOS早期使用Object-C开发 , 后来使用Swift;Android基本采用Java进行开发 , 但是对于公司来说 , 维护两套App代码还是不太方便的 , 成本也比较高 , 尤其对于小公司 。
所以如果能有一套代码可以发布到两个平台岂不美哉?其实早期的探索方案有PhoneGap(后来改名Cordova) , 以及后来的ionic , 但是这些都没有流行起来 。 再后来有React Native、Weex , 他们在有些公司开始得到尝试 , 尤其是React Native还是有一定的市场份额的 。 但是前面这些方案在性能和体验上相比原生App开发还是有局限性的 。 再后来谷歌推出了Flutter方案 , 在性能上得到了较大的提升 , 但是Flutter并未采用前端相关的技术方案 , 而是采用了谷歌自己的编程语言Dart , 所以上手门槛还是有点儿高 , 严格来说并不是前端的生态了 。
【短视频|前端路线图-中】其他更多技术路线 , 后续继续聊!