資訊專(zhuān)欄INFORMATION COLUMN
摘要：官方網(wǎng)站是一組龐大的工具，幾乎任何相關(guān)文件都可以處理。該工具是獨(dú)立的，并配有類(lèi)可處理服務(wù)器端的操作。官方網(wǎng)站是一個(gè)獨(dú)立的延遲加載的圖像工具。
JavaScript腳本庫(kù)是一個(gè)預(yù)先用JavaScript語(yǔ)言寫(xiě)好的庫(kù)，它方便了我們開(kāi)發(fā)基于JavaScript的應(yīng)用程序，特別適合AJAX和其他一些以Web為中心的技術(shù)。JavaScript主要用于編寫(xiě)嵌入或者包含在HTML頁(yè)面的函數(shù)，從而實(shí)現(xiàn)DOM之間的交互。
這篇文章收集了15個(gè)可用于提高編程技巧的JavaScript工具，助你輕松快速完成工作。下面的這些JavaScript工具能讓你管理Javascript狀態(tài)、壓縮JavaScript代碼、重構(gòu)腳本代碼結(jié)構(gòu)等等。真誠(chéng)地希望以下這些工具能對(duì)你有用。并且如果你還知道其他的JavaScript工具，歡迎不吝賜教。
1.?JavaScript State ManagerJavaScript State Manager是一種輕量級(jí)的、易于使用的狀態(tài)管理器，主要用于響應(yīng)式網(wǎng)站。它不需要任何的JavaScript框架。你可以定義斷點(diǎn)將運(yùn)行在當(dāng)前斷點(diǎn)的JavaScript代碼打包在一起。
官方網(wǎng)站：http://www.simplestatemanager.com/
2. jsMini如果你想快速、輕松地壓縮JavaScript或jQuery文件，那么可以使用jsMini。只需復(fù)制粘貼源代碼，選擇是否要基本或完全壓縮，然后就ok了。
官方網(wǎng)站：http://www.jsmini.com/
3. CountUp.jsCountUp.js是一個(gè)獨(dú)立的、輕量級(jí)的JavaScript類(lèi)庫(kù)，可用于快速創(chuàng)建一個(gè)有意思的顯示數(shù)值數(shù)據(jù)的動(dòng)畫(huà)。從字面上看，CountUp還能根據(jù)你傳遞的startVal和dendVal參數(shù)計(jì)數(shù)兩者中的任意方向。Bower和.json文件的組件都包含在內(nèi)，以及CoffeeScript版本。
官方網(wǎng)站：http://inorganik.github.io/countUp.js/
4.GraspGrasp能讓你搜索、替換和重構(gòu)基于代碼結(jié)構(gòu)的JavaScript，而不是純文本。它比標(biāo)準(zhǔn)搜索和替換的功能更強(qiáng)大，能讓你更加輕松地重構(gòu)你的代碼。
官方網(wǎng)站：http://graspjs.com/
5. Gulp.jsGulp.js是一個(gè)流構(gòu)建系統(tǒng)。它利用流和代碼配置的方法使得出來(lái)一個(gè)更為簡(jiǎn)單直觀的構(gòu)建。通過(guò)優(yōu)先代碼過(guò)度配置，Gulp使得簡(jiǎn)單的事情繼續(xù)簡(jiǎn)單，而復(fù)雜的任務(wù)則可管理化。
官方網(wǎng)站：http://gulpjs.com/
6.Orcrad.jsOcrad.js是一個(gè)簡(jiǎn)單的OCR程序，可以將圖像轉(zhuǎn)化成文字。這是一個(gè)Ocrad項(xiàng)目的純JavaScript版本，大概1M左右，并不需要太多的培訓(xùn)過(guò)程。
官方網(wǎng)站：http://antimatter15.github.io/ocrad.js/demo.html
7. Headroom.jsHeadroom.js是一個(gè)輕量級(jí)的，高性能的JS部件（無(wú)依賴(lài)性?。?，可以允許你應(yīng)對(duì)用戶(hù)的滾動(dòng)要求。向下滾動(dòng)的時(shí)候上面的頭部漸漸滑出我們的視線(xiàn)，而向上滾動(dòng)的時(shí)候又會(huì)回來(lái)。?Headroom.js允許你設(shè)置元素出現(xiàn)的適當(dāng)時(shí)間，其他時(shí)候則將焦點(diǎn)放在內(nèi)容上。使用headroom.js也非常簡(jiǎn)單。它有一個(gè)純JS的API，以及可選的兼容性的jQuery/Zepto和AngularJS插件。
官方網(wǎng)站：http://wicky.nillia.ms/headroom.js/
8. JIKOJIKO是一個(gè)現(xiàn)代化的，易于使用的面向Javascript的模板引擎。其目標(biāo)是提供JavaScript程序員一種如Jinja和Mako一樣強(qiáng)大的服務(wù)器端狀態(tài)的美術(shù)模板引擎。
官方網(wǎng)站：http://jiko.neoname.eu/
9. FileAPIFileAPI是一組龐大的JavaScript工具，幾乎任何相關(guān)文件都可以處理。它提供了文件上傳（單一/多個(gè)）的功能并支持拖放操作、圖像裁剪、調(diào)整大小、套用篩選、獲取文件信息等等。該工具是獨(dú)立的，并配有PHP類(lèi)可處理服務(wù)器端的操作。此外，如果瀏覽器不支持JavaScript文件上傳和攝像頭，它將自動(dòng)退回到Flash模式，并且詳細(xì)地記錄下來(lái)。
官方網(wǎng)站：http://mailru.github.io/FileAPI/
10.Object PlaygroundObject Playground是一個(gè)面向JavaScript對(duì)象的可視化和實(shí)驗(yàn)性的工具。在瀏覽器中使用，并且非常簡(jiǎn)單。
官方網(wǎng)站：http://www.objectplayground.com/
11. Echo.jsEcho是一個(gè)獨(dú)立的JavaScript延遲加載的圖像工具。Echo的速度很快，使用的是HTML5數(shù)據(jù)——*屬性。IE8+上面皆可使用。Echo.js可以非常簡(jiǎn)單地實(shí)現(xiàn)圖片延遲加載功能，同時(shí)它非常小巧，壓縮后才1KB（沒(méi)有使用jQuery/Zepto等腳本庫(kù)）。
延遲加載指的是只有當(dāng)真正需要數(shù)據(jù)的時(shí)候，才執(zhí)行數(shù)據(jù)加載操作，才需要從服務(wù)器動(dòng)態(tài)請(qǐng)求數(shù)據(jù)，并且自動(dòng)改變圖片的src屬性。這也是一種異步方法。
官方網(wǎng)站：http://toddmotto.com/echo-js-simple-javascript-image-lazy-loading/
12. jsComplexity想知道你的JavaScript代碼真的有那么復(fù)雜嗎？通過(guò)Analysisand運(yùn)行你就可以親眼目睹。代碼越復(fù)雜，錯(cuò)誤的概率就越大。所以你要做的就是簡(jiǎn)化你的代碼，以便盡可能地提高其性能和可靠性。
官方網(wǎng)站：http://jscomplexity.org/
13. Chance.jsChance是一種最簡(jiǎn)單的隨機(jī)字符串、數(shù)字等的生成程序，特別有助于減少編寫(xiě)自動(dòng)化測(cè)試或者其他任何需要隨機(jī)數(shù)據(jù)時(shí)千篇一律的單調(diào)性。Chance是一款開(kāi)源軟件，基于MIT開(kāi)源協(xié)議。并且Chance是裝載在網(wǎng)站上的，這樣你只需要打開(kāi)瀏覽器上面的控制臺(tái)就可以了！
官方網(wǎng)站：http://chancejs.com/
14. Bookmarkfiy使用Bookmarkify創(chuàng)建自己的書(shū)簽工具超級(jí)簡(jiǎn)單。只需要命名書(shū)簽，進(jìn)入JavaScript，選擇它，就可以開(kāi)始你的互聯(lián)網(wǎng)之旅了。
官方網(wǎng)站：http://bookmarkify.it/
15.DavidDavid是一款節(jié)點(diǎn)管理工具，可以將這款工具嵌入到你的網(wǎng)站中。
官方網(wǎng)站：https://david-dm.org/
譯文鏈接：http://www.codeceo.com/article/15-javascript-tools.html
英文原文：15 JavaScript Tools to Improve Your Coding Skills
翻譯作者：碼農(nóng)網(wǎng)?– 小峰
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/91474.html
摘要：函數(shù)是一等公民。其實(shí)閉包本身也是函數(shù)式編程的一個(gè)應(yīng)用。劣勢(shì)不能算是嚴(yán)格意義上的函數(shù)式語(yǔ)言，很多函數(shù)式編程的特性并沒(méi)有。 隨著大前端時(shí)代的到來(lái)，在產(chǎn)品開(kāi)發(fā)過(guò)程中，前端所占業(yè)務(wù)比重越來(lái)越大、交互越來(lái)越重。傳統(tǒng)的老夫拿起JQuery就是一把梭應(yīng)付當(dāng)下重交互頁(yè)面已經(jīng)十分乏力。于是乎有了Angular，React，Vue這些現(xiàn)代框架。 但隨之而來(lái)的還有大量的新知識(shí)新名詞，如MVC，MVVM，F(xiàn)l...
摘要：函數(shù)是一等公民。其實(shí)閉包本身也是函數(shù)式編程的一個(gè)應(yīng)用。劣勢(shì)不能算是嚴(yán)格意義上的函數(shù)式語(yǔ)言，很多函數(shù)式編程的特性并沒(méi)有。 隨著大前端時(shí)代的到來(lái)，在產(chǎn)品開(kāi)發(fā)過(guò)程中，前端所占業(yè)務(wù)比重越來(lái)越大、交互越來(lái)越重。傳統(tǒng)的老夫拿起JQuery就是一把梭應(yīng)付當(dāng)下重交互頁(yè)面已經(jīng)十分乏力。于是乎有了Angular，React，Vue這些現(xiàn)代框架。 但隨之而來(lái)的還有大量的新知識(shí)新名詞，如MVC，MVVM，F(xiàn)l...
摘要：薪水超過(guò)萬(wàn)美元的最高薪工作集中在加利福尼亞占該州受訪(fǎng)者的和馬薩諸塞州。女性平均工資為萬(wàn)美元，是男性平均工資萬(wàn)美元的。開(kāi)發(fā)人員平均薪資最高如果按照不同編程語(yǔ)言的薪酬劃分。薪水最高的是，達(dá)到萬(wàn)美元，緊隨其后的是分別是萬(wàn)美元萬(wàn)美元萬(wàn)美元。 ...
摘要：技巧評(píng)估局部變量主要針對(duì)而言，由于局部變量的查找是從最特定作用域到最大作用域，且可以通過(guò)多個(gè)域?qū)蛹?jí)，所以這種查找會(huì)導(dǎo)致查詢(xún)到通用的結(jié)果。 文章系國(guó)內(nèi)領(lǐng)先的 ITOM 管理平臺(tái)供應(yīng)商 OneAPM 編譯呈現(xiàn)。 您是網(wǎng)站管理員還是網(wǎng)頁(yè)開(kāi)發(fā)人員?想創(chuàng)建超快速的網(wǎng)站嗎? 今天我們來(lái)看看 JavaScript，這項(xiàng)神奇而又復(fù)雜的技術(shù)。它使網(wǎng)站內(nèi)容更加豐富，但常常出現(xiàn)的運(yùn)行性能問(wèn)題又降低了用戶(hù)的體...
摘要：更多資源請(qǐng)文章轉(zhuǎn)自月份前端資源分享的作用數(shù)組元素隨機(jī)化排序算法實(shí)現(xiàn)學(xué)習(xí)筆記數(shù)組隨機(jī)排序個(gè)變態(tài)題解析上個(gè)變態(tài)題解析下中的數(shù)字前端開(kāi)發(fā)筆記本過(guò)目不忘正則表達(dá)式聊一聊前端存儲(chǔ)那些事兒一鍵分享到各種寫(xiě)給剛?cè)腴T(mén)的前端工程師的前后端交互指南物聯(lián)網(wǎng)世界的 更多資源請(qǐng)Star：https://github.com/maidishike... 文章轉(zhuǎn)自：https://github.com/jsfr...
閱讀 4189·2023-04-26 02:40
閱讀 2667·2023-04-26 02:31
閱讀 2762·2021-11-15 18:08
閱讀 580·2021-11-12 10:36
閱讀 1442·2021-09-30 09:57
閱讀 5215·2021-09-22 15:31
閱讀 2641·2019-08-30 14:17
閱讀 1290·2019-08-30 12:58
