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

2021-09-22 20:14:56 字數 2591 閱讀 4625

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

一、技術選型的策略

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站;

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

1、外部使用者的pc站

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

為什麼使用jquery?

(1)主要是為了相容ie8;

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

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

2、外部使用者的mobile站

為啥選擇rn,之前hybrid模式開發有效能優化瓶頸,採用react native效能可以突破這個瓶頸,有原生的效能,且支援熱更新,上手不算太難,跨平台,ios和android**復用率90%。適合互動和動畫不太複雜的專案,最終要根據專案來。特別適合快速迭代的專案或者前期需要大量試錯的專案。

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

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

4、內部員工的管理後台

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

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

四、總結

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

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

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

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

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

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

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

web前端技術框架選型參考

一 出發點 隨著web技術的不斷發展,前端架構 框架 ui框架 構建工具 css預處理等 層出不窮,各有千秋 太多的框架在形成初期,都曾在web領域 掀起過一場技術浪潮,可有些卻僅僅是曇花一現,隨著他們使用者量的逐漸減少,社群也越來越不活躍。如 meteor backbone ember knock...

Vue該如何選擇前端UI框架

vue 是一套用於構建使用者介面的漸進式框架。與其它大型框架不同的是,vue 被設計為可以自底向上逐層應用。vue 的核心庫只關注檢視層,不僅易於上手,還便於與第三方庫或既有專案整合。另一方面,當與現代化的工具鏈以及各種支援類庫結合使用時,vue 也完全能夠為複雜的單頁應用提供驅動。1 如果你是在做...

Scala框架選型

我所知道的scala持久層框架有 1 slick typesafe出品 2 squeryl 3 anorm play的持久層 4 scalaactiverecord 基於squeryl之上 5 circumflex orm 6 activate framework 不只是scala版的hiberna...