對於前端團隊,可以實現企業受益最大化要點。
一、技術選型的策略
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的實踐。
其實這時候也會帶來一個問題,技術人員對新技術有著天然的學習和實踐需求,因為這有助於降低內心的焦慮和不安全感。
尤其是對技術有著狂熱的愛好的小夥伴,這些成熟專案由於規範約束,不能隨便亂來,很容易讓開發人員報國無門的感覺,這該如何達到心理的平衡?
通過邊緣專案,實踐性的專案,以及團隊會自發發起一些有價值的內部專案來滿足這樣的需求,同時積累寶貴的經驗。相當於嵌入了新的平臺,讓產品,團隊和個人都達到非常好的平衡。
產品驅動的文化下,心中想的更多是把使用者和產品做更好,讓技術服務產品,因產品而技術,而非因技術而技術。
運營驅動的文化下,本質上是吆喝做買賣,成為前言技術的弄潮兒就是和企業文化的契合。