成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

2017年前端開發(fā)工具趨勢(shì)

plokmju88 / 3133人閱讀

摘要：預(yù)處理器超過的開發(fā)者使用，這也使得成為無可爭(zhēng)議的預(yù)處理首選者。的開發(fā)者使用，通常情況下，都是和等預(yù)處理器配合使用的。開發(fā)人員應(yīng)該多研究一些預(yù)處理器和命名方式等，以便選擇最適合自己的。

本文來源于全球的5254份前端工具使用的調(diào)查報(bào)告，期望通過本文能夠幫助大家更好的了解最新的前端開發(fā)工具趨勢(shì)。

受訪者組成

83％的受訪者具有兩年以上的前端技術(shù)經(jīng)驗(yàn)，只有5％的受訪者不到一年：

CSS

開發(fā)者中有63%為高級(jí)開發(fā)者和專家：

盡管CSS被認(rèn)為只是屬性－參數(shù)值對(duì)的簡單集合，但是CSS卻是很難掌握的。CSS3引入了許多的新特性，要想完全的掌握CSS變得越來越困難。

CSS預(yù)處理器

超過63％的開發(fā)者使用Sass，這也使得Sass成為無可爭(zhēng)議的預(yù)處理首選者。8%的開發(fā)者使用PostCSS，通常情況下，PostCSS都是和AutoPrefixer等預(yù)處理器配合使用的。

僅有14%的開發(fā)者不使用任何預(yù)處理，他們更喜歡使用原始的CSS代碼。盡管這種方式開發(fā)效率較慢，但是卻是剛開始學(xué)習(xí)前端開發(fā)的最容易和最好的方式。如果86%的開發(fā)者使用預(yù)處理器，則平均一個(gè)網(wǎng)站需要進(jìn)行7.2個(gè)CSS文件的請(qǐng)求。

僅有10%的受訪者嘗試過Less，19%的受訪者嘗試過Stylus，80%的受訪者從未聽聞Rework。

CSS的命名方式

46%的開發(fā)者在編碼時(shí)會(huì)使用一種命名方式，對(duì)于CSS高級(jí)開發(fā)者和專家來說，這個(gè)比例上升到了57%。

最受歡迎的命名方式是BEM，占到總數(shù)的40%。接下來是CSS Modules（16%）、OOCSS（15%）和SMACSS（13%）。

其它的CSS工具

39%的受訪者在當(dāng)前的項(xiàng)目中使用Modernizr。14%的受訪者使用Stylelint來檢查CSS的有效性。23%的開發(fā)者不使用任何CSS工具或命名方式。

JavaScript

受訪者中有51%是JavaScript的高級(jí)開發(fā)者或?qū)＜摇?/p>

庫和框架

盡管存在相關(guān)性問題，但是超過99%的開發(fā)者都曾使用過jQuery，有31%的受訪者認(rèn)為使用jQuery對(duì)大多數(shù)項(xiàng)目來說都很重要。目前仍有近70%的受訪者繼續(xù)在現(xiàn)有的項(xiàng)目中使用jQuery：

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

38%的項(xiàng)目目前正在使用React，然而只有29%的開發(fā)者認(rèn)為使用React很流暢，18%人開發(fā)者認(rèn)為使用React很有必要。0.1%的網(wǎng)站被發(fā)現(xiàn)使用了React，但請(qǐng)記著，這些調(diào)查結(jié)果只取自于前端開發(fā)人員，并不是所有的網(wǎng)頁開發(fā)者。

25%的項(xiàng)目目前正在使用angular 1，然而只有8%的開發(fā)人員認(rèn)為使用Angular 1很有必要，同時(shí)選擇使用Angular 2的只有8%。

?Vue.js已被用于10%的項(xiàng)目中，但只有不到6%的開發(fā)人員對(duì)這個(gè)框架感到滿意，3%的人認(rèn)為使用Vue.js很有必要

任務(wù)執(zhí)行工具和模塊綁定

有44%的開發(fā)者使用Gulp，所以Gulp是當(dāng)仁不讓的最受歡迎工具。同時(shí)，更為簡單的npm script也從2016年的23%使用率上升到了26%。

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

使用模塊綁定的開發(fā)者自2016年以來增長了20%，達(dá)到68%。其中Webpack是最受歡迎的模塊綁定工具，占到了31%，其次是Browserify（11%）、RequireJS（8%）。

編譯器：將ES6代碼編譯為ES5

62%的開發(fā)人員正在使用Babel這樣的編譯器，來將ES6代碼編譯為對(duì)舊瀏覽器更為友好的ES5代碼。31%的受訪者聽說過這樣的編譯器，但是并未使用過。7%的開發(fā)者從未聽說過這樣的編譯器。

62%這個(gè)數(shù)據(jù)是比較高的。IE和舊的應(yīng)用并不支持最新的JavaScript語法，所以如果你正在編寫的是ES6代碼，那么就需要最新的瀏覽器來支持。如果項(xiàng)目需要在舊的瀏覽器版本下運(yùn)行，那么最好編寫ES5代碼。

其它JavaScript工具

41%的開發(fā)者使用ESLint，19%的開發(fā)者使用JSLint，14%的開發(fā)者使用JSHint這樣的工具來檢查代碼的合法性。

23%的受訪者表示，他們不使用任何代碼合法性檢查工具。但是他們可能會(huì)使用文本編輯器和IDE來檢查代碼錯(cuò)誤。

測(cè)試工具的使用率在一年時(shí)間之內(nèi)增長了12%，達(dá)到了52%。但是縱觀過去，JavaScript的測(cè)試一直是個(gè)挑戰(zhàn)。測(cè)試驅(qū)動(dòng)開發(fā)（TDD）這樣的技術(shù)雖然能夠捕獲邏輯錯(cuò)誤，卻不能捕獲異步事件下發(fā)生的錯(cuò)誤。幸運(yùn)的是，行為驅(qū)動(dòng)開發(fā)（BDD）很可能會(huì)融合到真實(shí)瀏覽器的檢查活動(dòng)中，這樣也會(huì)促使前端測(cè)試更加可操作。

目前最流行的系統(tǒng)有：

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年應(yīng)該使用什么工具？

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

有以下幾點(diǎn)值得注意：

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

Gulp和Webpack值得嘗試

?學(xué)習(xí)ES6，即便你一直工作在向后兼容的ES5項(xiàng)目中。

根據(jù)調(diào)查結(jié)果，在選擇庫時(shí)，jQuery是一個(gè)合理的選擇。在選擇框架時(shí)，可以選擇React，因?yàn)樗苁軞g迎。如果你還沒選定框架，那么可以先學(xué)習(xí)HTML、CSS、JavaScript和瀏覽器開發(fā)的基礎(chǔ)知識(shí)。這些知識(shí)能夠幫助你更好了解框架，甚至也可能促使你為框架系統(tǒng)的改進(jìn)做出貢獻(xiàn)。

前端開發(fā)工具推薦：

Wijmo 是一款使用 TypeScript 編寫的新一代 JavaScript/HTML5 控件集。它秉承觸控優(yōu)先的設(shè)計(jì)理念，在全球率先支持 AngularJS，并且支持 React、VueJS 以及 TypeScript 2.2，它還提供性能卓越、零依賴的 FlexGrid 和圖表等多個(gè)控件，是構(gòu)建企業(yè)應(yīng)用程序的全套控件集。

原文鏈接：https://www.sitepoint.com/fro...

轉(zhuǎn)載請(qǐng)注明出自：葡萄城控件

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/87295.html

相關(guān)文章

  • 割裂的前端工程師--- 2017年前端生態(tài)窺探

    摘要：主要兼容的微信的瀏覽器，因?yàn)橐谂笥讶頎I銷，總體來說，會(huì)偏設(shè)計(jì)以及動(dòng)畫些。 有一天，我們組內(nèi)的一個(gè)小伙伴突然問我，你知道有一個(gè)叫重構(gòu)工程師的崗位？這是干什么的？重構(gòu)工程師 這個(gè)問題引發(fā)了我對(duì)前端領(lǐng)域發(fā)展的思考，所以我來梳理下前端領(lǐng)域的發(fā)展過程，順便小小的預(yù)測(cè)下2017年的趨勢(shì)。不想看回憶的，可以直接跳到后面看展望。 神說，要有光，就有了光 自1991年蒂姆·伯納斯-李公開提及HTML...

    duan199226 評(píng)論0 收藏0

  • 割裂的前端工程師--- 2017年前端生態(tài)窺探

    摘要：主要兼容的微信的瀏覽器，因?yàn)橐谂笥讶頎I銷，總體來說，會(huì)偏設(shè)計(jì)以及動(dòng)畫些。 有一天，我們組內(nèi)的一個(gè)小伙伴突然問我，你知道有一個(gè)叫重構(gòu)工程師的崗位？這是干什么的？重構(gòu)工程師 這個(gè)問題引發(fā)了我對(duì)前端領(lǐng)域發(fā)展的思考，所以我來梳理下前端領(lǐng)域的發(fā)展過程，順便小小的預(yù)測(cè)下2017年的趨勢(shì)。不想看回憶的，可以直接跳到后面看展望。 神說，要有光，就有了光 自1991年蒂姆·伯納斯-李公開提及HTML...

    miguel.jiang 評(píng)論0 收藏0

  • 割裂的前端工程師--- 2017年前端生態(tài)窺探

    摘要：主要兼容的微信的瀏覽器，因?yàn)橐谂笥讶頎I銷，總體來說，會(huì)偏設(shè)計(jì)以及動(dòng)畫些。 有一天，我們組內(nèi)的一個(gè)小伙伴突然問我，你知道有一個(gè)叫重構(gòu)工程師的崗位？這是干什么的？重構(gòu)工程師 這個(gè)問題引發(fā)了我對(duì)前端領(lǐng)域發(fā)展的思考，所以我來梳理下前端領(lǐng)域的發(fā)展過程，順便小小的預(yù)測(cè)下2017年的趨勢(shì)。不想看回憶的，可以直接跳到后面看展望。 神說，要有光，就有了光 自1991年蒂姆·伯納斯-李公開提及HTML...

    CODING 評(píng)論0 收藏0

  • 2017值得一瞥的JavaScript相關(guān)技術(shù)趨勢(shì)

    摘要：值得一瞥的相關(guān)技術(shù)趨勢(shì)從屬于筆者的前端入門與工程實(shí)踐，推薦閱讀我的前端之路工具化與工程化獲得更多關(guān)于年前端總結(jié)。的不少開發(fā)者都是的粉絲，他們的以及都是基于構(gòu)建的。 2017值得一瞥的JavaScript相關(guān)技術(shù)趨勢(shì)從屬于筆者的Web 前端入門與工程實(shí)踐，推薦閱讀2016-我的前端之路:工具化與工程化獲得更多關(guān)于2016年前端總結(jié)。本文主要內(nèi)容翻譯自，筆者對(duì)于每個(gè)條目進(jìn)行了些許完善。本文...

    davidac 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<