新組建的前端團隊如何選擇前端框架方案?

1.jquery+各種插件。自己本身不是很熟悉,特別是jquery插件,基本沒用過。

2.流行的庫管理工具(seaJs?)+jquery+其他開源輕量的功能庫。比較潮流的做法,各自專註各自的功能。不過對於沒有這樣用過的團隊,需要學習成本。

3.用前一個公司的開源庫?例如KISSY,自己比較熟悉,但是團隊的人可能不熟悉。而且現在少見這樣的新團隊。

4.其他,求補充

大家發表下自己的看法吧,團隊不大,開始兩三個人。

PS:普通的電商網站,非webapp之類的網站


一年後,自己回答這個問題

之前的公司,從零開始,三個前端,選用了KISSY,挺好的,雖然現在感覺不夠GEEK了。。。因為有點老了。。

現在的公司,從零開始,一個前端+我,只是我現在不是專職前端,不過前端架構和優化等工作還是我來制定,這次我選擇了簡單之美。整個網站除了jquery,不引入任何css和js框架。

我準備做一個從0開始的鬆散的但是又有很多前端規範的前端環境。這跟我們網站的需求吻合,現在網站的腳本基本很少,所以選擇最簡的結構,開始不做代碼合併,不做包管理,甚至不做代碼壓縮。

然後,現在網站是在一個需求很不穩定的階段,將來很可能會變化很多,所以從輕量開始,在隨著需求和頁面慢慢增多的情況下,然後在我和團隊的人精力足夠的情況下,制定新方案,搭建新建築,不管是更靈活的代碼,更重的邏輯,更優的管理方式,更多的插件引入,包管理,甚至mvc,這些都是以後慢慢以軟裝的形式加入。

這是一個邏輯輕量化的網站的架構,每個網站都有適合自己的架構和選型,不能一概而論。

如果現在讓我架構電商網站,還是比較重邏輯的,除了jquery,必然會引入一些其他的全局頂層的管理框架。jquery只是一把鎚子而已。


我們的團隊是三個人,使用的是第二種方法,用SeaJS做模塊依賴管理,用Less來組織CSS,由此得到比較好的模塊化程度和比較靠譜的可維護性。

SeaJS的學習成本不高,很簡單很好用,Less也非常好用,在Linux或Mac上都可以實時編譯成CSS,打包CSS這一過程都一起完成了。

JS方面,一些常用的模塊,比如文件上傳等等,都可以在項目進行中慢慢積累,寫了一次以後,下次便可以復用,不斷完善。並且這也是一個團隊技術積累的過程。模塊中也包含一些成熟的東西,比如Underscore,Backbone等等,文檔簡單易讀,學習成本也還好。

所以學習成本不是問題,而且對於團隊的提升很有脾益。


現在的時代,就2種選擇,dojo或者yui等大型的全功能框架,或者其他各司其職的小功能框架集合。一般推薦後者,用seajs組織模塊,jquery DOM處理,backbone 前端MVC,underscore 函數式增強,還有一些其他的小需求可以自己寫,然後封裝成模塊,或者找一些成熟的第三方庫移植。

如果項目不是webapp的話那可能不需要這麼複雜,可以使用輕量級的框架,jquery就太重了,其他的按需選擇就好,目前js相關的問題都有很多成熟的解決方案。


Kissy 就不錯,Kissy Gallery 裡面有不少可復用的現成組件,jQuery 插件太不好搞,每個人寫得也不一樣,水平參差不齊,版本混亂難於管理。


傾向於第二個,seajs和jquery學習成本並不高,而且尤其是jquery很流行,那麼以後招聘前端人員或轉交維護都容易一些。jq只是一個庫,如何搭建成適合自己的框架,覺得還得走一步看一步。


千萬不要用大公司的框架, 比如KISSY

大公司造出這些輪子只是為自己服務的, 入了這個坑, 把自己的技術捆綁到這些"框架"上, 想要敏捷變化的時候哭都來不及


根據公司業務和團隊成員的技術水平選擇自己的框架,或者逐漸形成自己的框架;也可以先採用學習成本最低的框架,後來看發展情況。公司業務太多,團隊沒有時間思考,只想著充業績,那怎麼有時間靜下心來思考自己框架


我用mootools, 代碼清晰易懂, 邏輯分明, 適合面向對象思維的前端開發, 再佐之已某個模塊管理工具,seajs或者requireJS,我是用 yahoo rgove 開發的 LazyLoad(github上託管) 參考豆瓣 Do.js 等修改而來,沒有seajs那麼嚴謹的打包方式


題主如果夠勤奮,應該把眾知友回答中提到的各種庫都稍做研究,擇其善者而從之。

大家是不了解你現實的需求的:

是要建立一個框架基礎供日後一直使用?

還是想快速的完成一個項目或產品?

或者是其它用途?

我們不得而知,只有你才知道

也只有你自己認真研究個每個優秀、流行的庫後,你才知道應該用哪些

忙碌起來吧,題主,遠離問答。


F.I.S


React啊 沒得選啊


新團隊如果必須支持 IE8,又考慮移動端場景,可以嘗試下 yoxjs/yox,類似於 vue 的風格


從框架來說,

1. 避免一些瑣碎又不能不面對的瀏覽器兼容問題

2. 封裝常用的DOM操作和js基礎對象的操作。

3. 直接面對業務開發最好

答案: seajs,oz,requirejs

jQuery以及jQuery插件

其實網站夠簡單,一個jQuery就夠了。

@2016


選擇框架和你的業務有關,不是為選擇框架而選擇框架。

簡答的網站一個人負責寫就好了。

團隊合作的選大家都熟悉的,在初次開發效率和性能方面,優先選擇效率,先完整上線,再做重構。


pc上jq+requirejs;手機上就zepto+grunt足夠了,能用原生更好。


推薦閱讀:

前端開發該如何循序漸進地學習?對於html、css、js、jq等有哪些不錯的資料 (視頻,博客,書籍等)可以推薦?
目前 CSS 實現豎排文本較為通用的方式是什麼?
HTML 和 CSS 代碼結構如何寫更加規範?
CSS中-webkit-text-size-adjust:none如何兼容blink?
Windows 提供高對比度主題有什麼意義?

TAG:前端開發 | HTML | CSS | JavaScript | 前端工程師 |