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