前端负责人不能不斟酌的前端手艺选型及构架(一)

如今前端,都往大前端方向生长,pc, wapApp, 小顺序,夹杂开辟,桌面开辟,node 背景。不光生长方向多,同一个方向的手艺选型也一样多,比方wapApp的 vue,react,angular。那末题目来了,在项目中,我们究竟应当怎样睁开我们的手艺选型呢,我就连系我的阅历讲一讲。

地点项目组的手艺原型

《前端负责人不能不斟酌的前端手艺选型及构架(一)》

为何会有这个选型

1.pc

pc端我们要做推行,我当时斟酌单页运用SEO不好做,而且页面几乎没有数据交互,不要为了单页运用而单页运用, 然则斟酌到静态运用代码不能复用,就想到用 node模板引擎直接衬着。 接见速率应当还快一点(没做精细精美).

2.h5

h5, 我们已经有两个h5的项目,一个 vue ,一个 react。 然则终究照样挑选 vue ,react 的包比较大,不利于前端疾速加载,vue 比拟于 react(dva 那一套) 的出活率高。而且国内vue确切火,小顺序和夹杂开辟相对应的解决方案都有,那末,就是他了。

3.小顺序

小顺序之前用原生的写过一个,用原生写不利于保护,觉得有点乱,就在两个 star 数高的、大公司保护的内里选 wepy 和 mpvue,mpvue 能天生对应的 wapAPP,而且适宜 vue 的手艺栈.在适宜不过了。

4.夹杂开辟

我们项目组是有安卓和ios的,然则有些内容ios 考核贫苦,所以要热更新。如今阶段,机能比较好的夹杂开辟,就是 weex、 rn、 flutter。
1.weex: 阿里巴巴运用再生产环境的,国内比较友爱,基于 vue ,机能能够,能够热更
2.rn: 脸书出品,近一年热度下落,基于 react, 机能能够,能够热更
3.flutter: 谷歌开源,基于 dart.js,由于完成体式格局,机能和体验应当比前二者好,不能热更,由于运用 dart.js 进修本钱大
终究: flutter 不能热更 pass(解决不了最主要的需求); rn: 相对来说照样倾向于挑选国内的手艺,文档好明白,和一致客户端的手艺栈(vue) pass。

5.node 框架

本人喜好企业级的框架,特别是公司项目中,商定优于设置,下降保护本钱,挑选阿里 egg

6.治理背景

治理背景数据太多了,现在应当有100多个接口,vue 保护是个题目,而且阿里 ant design pro 很好用,就它了。

总结:

1.手艺都是效劳产物的,应当经由过程产物需求去挑选手艺
2.挑选手艺、要斟酌社区活跃度,保护团队、文档、雇用相干职员是不是轻易等
3.只管用少的手艺栈去完成多的营业,下降人工本钱
4.在公司项目中,只管用企业级、大而全的框架(针对这一点,下次另开一篇,为何我不必 大而全的angular,却用了渐进式的 vue?都有什么利害?)

博客:http://blog.beastxw.wang/

    原文作者:Pengxw
    原文地址: https://segmentfault.com/a/1190000018559038
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞