淺談前端技術選型(一)

現在前端,都往大前端方向發展,pc, wapApp, 小程序,混合開發,桌面開發,node 後臺。不光發展方向多,同一個方向的技術選型也同樣多,比如wapApp的 vue,react,angular。那麼問題來了,在項目中,我們到底應該如何展開我們的技術選型呢,我就結合我的經歷講一講。

所在項目組的技術原型

clipboard.png

爲什麼會有這個選型

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?都有什麼利弊?)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章