首頁  >  文章  >  web前端  >  前端開發最新發展趨勢

前端開發最新發展趨勢

巴扎黑
巴扎黑原創
2017-08-16 09:26:471451瀏覽


摘要:本文來自全球的5254份前端工具所使用的調查報告,期望透過本文能幫助大家更了解最新的前端開發工具的趨勢。受訪者組成83%的受訪者俱有兩年以上的前端技術經驗,只有5%的受訪者不到一年:CSS開發者中有63%為高...

本文來自全球的5254份前端工具所使用的調查報告,期望透過本文能夠幫助大家更好的了解最新的前端開發工具趨勢。

受訪者組成

83%的受訪者俱有兩年以上的前端技術經驗,只有5%的受訪者不到一年:

 

#CSS

開發者中有63%為資深開發者與專家:

 

儘管CSS被認為只是屬性-參數值對的簡單集合,但CSS卻是很難掌握的。 CSS3引入了許多的新特性,要想完全的掌握CSS變得越來越困難。

 

CSS預處理器

超過63%的開發者使用Sass,這也使得Sass成為無可爭議的預處理首選者。 8%的開發者使用PostCSS,通常情況下,PostCSS都是和AutoPrefixer等預處理器配合使用的。

只有14%的開發者不使用任何預處理,他們更喜歡使用原始的CSS程式碼。儘管這種方式開發效率較慢,但卻是剛開始學習前端開發的最容易和最好的方式。如果86%的開發者使用預處理器,則平均一個網站需要進行7.2個CSS檔案的請求。

只有10%的受訪者嘗試過Less,19%的受訪者嘗試過Stylus,80%的受訪者從未聽過Rework。

 

CSS的命名方式

#46%的開發者在編碼時會使用一種命名方式,對於CSS進階開發者和專家來說,這個比例上升到了57%。

最受歡迎的命名方式是BEM,佔總數的40%。接下來是CSS Modules(16%)、OOCSS(15%)和SMACSS(13%)。

 

其它的CSS工具

39%的受訪者在目前的專案中使用Modernizr。 14%的受訪者使用Stylelint來檢查CSS的有效性。 23%的開發者不使用任何CSS工具或命名方式。

 

JavaScript

受訪者中有51%是JavaScript的高階開發者或專家。

 

庫和框架

儘管有相關性問題,但超過99%的開發者都曾使用過jQuery,有31%的受訪者認為使用jQuery對大多數專案來說都很重要。目前仍有近70%的受訪者繼續在現有的專案中使用jQuery:

#

框架的情況看起來比較讓人迷惑:

  • 38%的專案目前正在使用React,然而只有29%的開發者認為使用React很流暢,18%人開發者認為使用React很有必要。 0.1%的網站被發現使用了React,但請記著,這些調查結果只取自前端開發人員,並不是所有的網頁開發者。

  • 25%的專案目前正在使用angular 1,然而只有8%的開發人員認為使用Angular 1很有必要,同時選擇使用Angular 2的只有8%。

  • Vue.js已被用於10%的專案中,但只有不到6%的開發人員對這個框架感到滿意,3%的人認為使用Vue.js很有必要

 

#

任務執行工具和模組綁定

有44%的開發者使用Gulp,所以Gulp是當仁不讓的最受歡迎工具。同時,更簡單的npm script也從2016年的23%使用率上升到了26%。

Grunt的使用率下滑到了12%。有11%的受訪者選擇不使用任何任務執行工具。

使用模組綁定的開發者自2016年以來成長了20%,達到68%。其中Webpack是最受歡迎的模組綁定工具,佔了31%,其次是Browserify(11%)、RequireJS(8%)。

 

編譯器:將ES6程式碼編譯為ES5

62%的開發人員正在使用Babel這樣的編譯器,來將ES6程式碼編譯為對舊瀏覽器更友善的ES5程式碼。 31%的受訪者聽過這樣的編譯器,但並未使用過。 7%的開發者從未聽過這樣的編譯器。

62%這個數據是比較高的。 IE和舊的應用程式並不支援最新的JavaScript語法,所以如果你正在寫的是ES6程式碼,那就需要最新的瀏覽器來支援。如果專案需要在舊的瀏覽器版本下運行,那麼最好編寫ES5程式碼。

 

其它JavaScript工具

41%的開發者使用ESLint,19%的開發者使用JSLint,14%的開發者使用JSHint這樣的工具來檢查程式碼的合法性。

23%的受訪者表示,他們不使用任何程式碼合法性檢查工具。但是他們可能會使用文字編輯器和IDE來檢查程式碼錯誤。

測試工具的使用率在一年內成長了12%,達到了52%。但是縱觀過去,JavaScript的測試一直是個挑戰。測試驅動開發(TDD)這樣的技術雖然能夠捕捉邏輯錯誤,卻無法捕捉到非同步事件下發生的錯誤。幸運的是,行為驅動開發(BDD)很可能會整合到真實瀏覽器的檢查活動中,這也會促使前端測試更加可操作。

目前最受歡迎的系統有:

  • ##Mocha – TDD/BDD(23%)

  • Jasmine – BDD( 17%)

  • QUnit – TDD(4%)

  • Jest – TDD/BDD(3%)

################################################################################ #####Ava – TDD/BDD(2%)############94%的受訪者表示,他們使用過Node.js套件管理器npm,有23%的受訪者使用過TypeScript。 ###### ###

2017年該使用什麼工具?

總得來說,開發工具是多種多樣的。開發人員應該多研究一些預處理器和命名方式等,以便選擇最適合自己的。

有以下幾點值得注意:

  • 如果你需要使用更多的工具,那麼Node.js和npm值得選擇

  • #Gulp和Webpack值得嘗試

  • 學習ES6,即使你一直工作在向後相容的ES5專案中。

根據調查結果,在選擇函式庫時,jQuery是個合理的選擇。在選擇框架時,可以選擇React,因為它很受歡迎。如果你還沒選定框架,那麼可以先學習HTML、CSS、JavaScript和瀏覽器開發的基礎知識。這些知識能夠幫助你更了解框架,甚至可能促使你為框架系統的改進做出貢獻。

前端開發工具推薦:

Wijmo 是使用TypeScript 編寫的新一代JavaScript/HTML5 控制項集。它秉承觸控優先的設計理念,在全球率先支援AngularJS,並且支援React、VueJS 以及TypeScript 2.2,它還提供性能卓越、零依賴的FlexGrid 和圖表等多個控件,是構建企業應用程式的全套控制集。

以上是前端開發最新發展趨勢的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn