框架選擇--如何看待前端框架選型 ?

對於前端團隊,可以實現企業受益最大化要點。

一、技術選型的策略

1、保證產品質量

(1)功能穩健:網頁不白屏,不錯位,不卡死;操作正常;數據精準。

(2)體驗優秀:加載體驗,交互體驗,視覺體驗,無障礙訪問。

2、降低人力成本

(1)降低前期開發成本;

(2)降低後期維護成本。

 

二、前端開發模式選擇

開發模式:1、純前端開發;2、前後端分離開發;3、後端主導的開發。

1、純前端開發

主要是針對靜態頁面。沒有模板和框架參與,基本上一個人就可以hold住,比如:官方網站,招聘站,以及設計感強烈且運營活動頁面等。自主權最大,正常是使用nodejs進行輔助開發,上線等。

2、前後端分離開發

現在很多公司的系統都是採用前後端分離的開發模式。根據項目的性質,使用nodejs進行模板渲染(ejs模板,jade模板,dot模板,artTemplate模板),要不是框架自帶的渲染的方式(vue,react),但是實質上一樣的,都是使用js對頁面進行構建。控制權很大。

3、後端主導開發

由於很多歷史遺留問題,有的產品還是採用後盾渲染的開發模式,比如一些內部行政系統相關的。在和他們合作的時候,交付原型的時候,需要剋制自己:

(1)不要使用sass,less產不多的前端預處理器;

(2)不使用類似於seajs之類的模塊化組件庫,而是採用效率更低的人工模塊耦合;

(3)不追求新技術,使用更基礎代碼,採用更傳統首發,良好的代碼設計保證質量【參數接口暴露在外,後端可以輕鬆配置,而不是耦合在js中】。

這種前端屬於支援角色,後期維護通常都是與後端開發一起維護。這就是有時候會出現維護很痛苦的問題。

缺點:增加開發人力成本;

優點:自我犧牲保證項目正常維護下去,職業的體現。

 

三、前端開發技術選型

對於同一個類型的項目,採用開發模式,使用的基本框架都是一致的。

前端技術選型:

(1)外部用戶的PC站;

(2)外部用戶的mobile站;

(3)外部用戶的Native App開發;

(4)內部員工的管理後臺

 

1、外部用戶的PC站

需要有SEO,有加載體驗,採用的是前後端分離開發模式,頁面直接渲染,基於jquery。

爲什麼使用jquery?

(1)主要是爲了兼容IE8;

(2)是外部用戶,視覺體驗高,權重高。適合先有行,再有行。就是說視覺和行爲要儘可能分離,會犧牲一點開發成本,但是用戶更重要。

(3)絕大多數頁面交互輕量用不上數據驅動。

 

2、外部用戶的Mobile站

這裏說的Mobile站主要是瀏覽器訪問爲主的,因此,頁面切換都是傳統連接跳轉,屬於傳統web應用,前後端分離開發模式,頁面直接渲染,採用react。大致原因:使用react 是爲了 和APP端的react native保持同步。

 

3、外部用戶的Native App開發

前端組有直接參與 Native APP 開發的項目,使用的是 React Native 進行開發。

爲啥選擇RN,之前Hybrid模式開發有性能優化瓶頸,採用React Native性能可以突破這個瓶頸,有原生的性能,且支持熱更新,上手不算太難,跨平臺,IOS和android代碼複用率90%。適合交互和動畫不太複雜的項目,最終要根據項目來。特別適合快速迭代的項目或者前期需要大量試錯的項目。

(1)不要隨意使用第三方庫,後期修改維護不方便,儘量自己寫還是自己寫;

(2)前期還是需要客戶端幫忙配合,項目搭建。

 

4、內部員工的管理後臺

前後端分離開發,頁面側重異步渲染,使用vuejs。

大致內容是:後臺管理系統有大量的增刪改查操作,適合具有雙向綁定的類庫或者框架進行渲染。同時沒有兼容性的要求(SEO,首屏渲染),因此單頁面是合適的。可以選擇vue,react,angular。因爲vue對api,文檔對開發者更友好。選用好的UI組件,規範貫徹,拆分和按需加載,自動化測試有待加強。

 

四、總結

對於比較正式的項目,前端技術選型策略一定是產品收益最大化用戶在首位。考慮到億級的用戶量,自然技術選型更爲謹慎,於是優先選成熟,經典的解決方案。

但是不是說,排斥熱門技術。相反,就算還是很不成熟的新技術,只要對產品帶來收益的,一定要鼓勵應用的,比如AMP和PWA的實踐。

其實這時候也會帶來一個問題,技術人員對新技術有着天然的學習和實踐需求,因爲這有助於降低內心的焦慮和不安全感。

尤其是對技術有着狂熱的愛好的小夥伴,這些成熟項目由於規範約束,不能隨便亂來,很容易讓開發人員報國無門的感覺,這該如何達到心理的平衡

通過邊緣項目,實踐性的項目,以及團隊會自發發起一些有價值的內部項目來滿足這樣的需求,同時積累寶貴的經驗。相當於嵌入了新的平臺,讓產品,團隊和個人都達到非常好的平衡。

產品驅動的文化下,心中想的更多是把用戶和產品做更好,讓技術服務產品,因產品而技術,而非因技術而技術。

運營驅動的文化下,本質上是吆喝做買賣,成爲前言技術的弄潮兒就是和企業文化的契合。

 

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