web開發(fā)者不可錯過的11個JavaScript工具
JavaScript即將接管Web世界,如雨后春筍版冒出的JavaScript工具更是讓web開發(fā)者無所適從。
本文我們?yōu)榇蠹彝扑]11款嶄露頭角但功能強(qiáng)大的JavaScript工具,是追逐web設(shè)計(jì)新潮流(界面簡潔、面向移動、強(qiáng)調(diào)互動)中不可或缺的好幫手。

一、Meteor
Meteor web應(yīng)用開發(fā)框架定義的七大開發(fā)天條為現(xiàn)代軟件開發(fā)打下良好基礎(chǔ),例如Meteor采用開源社區(qū)的方式培育插件資源,其他天條還包括:設(shè)計(jì)簡單的API、僅通過網(wǎng)絡(luò)傳送數(shù)據(jù)、使用統(tǒng)一的開發(fā)語言等。Meteor還開發(fā)了一個客戶端的本地模擬器。
Meteor是一種新型JavaScript框架,用于WebApp應(yīng)用程序開發(fā)。Meteor的基礎(chǔ)構(gòu)架是Node.JS+MongoDB,它把 這個基 礎(chǔ)構(gòu)架同時延伸到了瀏覽器端,如果App用純JavaScript寫成,JS APIs和DB APIs就可以同時在服務(wù)器端和客戶端無差異地調(diào)用,本地和遠(yuǎn)程數(shù)據(jù)通過DDP(Distributed Data Protocol)協(xié)議傳輸。因此部分應(yīng)用如TODO列表,網(wǎng)絡(luò)在線和離線下使用功能完全沒有差異,動作響應(yīng)和數(shù)據(jù)延遲也完全感覺不出來。
二、Epoch
數(shù)據(jù)可視化是最火的web開發(fā)項(xiàng)目,如今已經(jīng)有很多工具能夠在web上展示吸引眼球的數(shù)據(jù)可視化互動圖表,例如D3.js。但Epoch更進(jìn)一步,在基本的D3代碼庫的基礎(chǔ)上進(jìn)一步整合,提供更加流暢的體驗(yàn)。通過Epoch你可以向客戶展示干凈漂亮實(shí)時更新的圖表。
三、Web Starter Kit
為不同的移動終端開發(fā)web應(yīng)用是一件極為痛苦的事情,Google的Web Starter Kit的目標(biāo)就是幫助開發(fā)者為不同設(shè)備開發(fā)web應(yīng)用,例如點(diǎn)擊同步、屏幕適配等問題。無論你的用戶使用老款iPad還是新款A(yù)ndroid手機(jī),代碼都能夠適應(yīng)。你只需要勾畫出界面,屏幕適配的問題可以交給Web Starter Kit處理,并給出設(shè)計(jì)建議。
四、Reveal.js
Reveal.js 可以看做是HTML5版本的PowerPoint。可以在web頁面上以PPT的方式動態(tài)呈現(xiàn)信息,如果你的網(wǎng)站想華麗麗地講故事,那么Reveal能給你最酷的效果。
五、RxJS
靜態(tài)網(wǎng)頁已經(jīng)成為歷史,如今的web設(shè)計(jì)趨勢是預(yù)測客戶想法并提供更好的互動功能,例如自動填寫表單、搜索Wikipedia等。RxJS框架可以很方便地為鼠標(biāo)和鍵盤事件提供響應(yīng)。
六、NodeBB
NodeBB是傳統(tǒng)BBS論壇的一次進(jìn)化,提供實(shí)時的對話流功能,NodeBB的開發(fā)者還增加了很多時髦主題,并支持移動設(shè)備屏幕。NodeBB還整合了一些最新的面向觸摸屏的web設(shè)計(jì)功能,例如無限滾動,NodeBB的社區(qū)很活躍,不斷有新插件出現(xiàn)。
七、GulpJS
從頭編寫HTMLCSSJavascript是上個世紀(jì)的事情了,如今的JavaScript都是通過CoffeeScript這樣的支持句法縮寫的編輯器寫成的。如果你希望寫完JavaScript能夠一個工具完成代碼清理優(yōu)化工作,GulpJS就是你的不二之選,GulpJS類似Ant或Maven之于Java。
八、AngularJS
Google開發(fā)的AngularJS是一個輕量級的,在瀏覽器中展示信息的框架。ANgularJS從后臺服務(wù)器收集數(shù)據(jù)在本地編輯模板用于演示。服務(wù)器端代碼控制數(shù)據(jù)存儲,而ANgularJS代碼負(fù)責(zé)演示。可以兼容桌面、平板電腦和智能手機(jī)瀏覽器。
九、Odyssey
有了API,如今在網(wǎng)站中加入地圖應(yīng)用變得非常容易,結(jié)合地圖的內(nèi)容框互動則需要用到一些工具,CartoDB開發(fā)的Odyssey就是一個不錯的選擇。
十、PlayCanvas
一般來講,游戲開發(fā)與web應(yīng)用完全是兩碼事。但先試試,游戲世界的很多工具都可以被用于在網(wǎng)站中增加華麗界面。PlayCanvas就是一個基于WebGL的游戲引擎,結(jié)合了物理、光影、音效等工具用于創(chuàng)建一個復(fù)雜的界面。
十一、Deb.js
開發(fā)中的編碼錯誤無法避免,但不同的解決方法則是決定性的。Deb.js雖然只有1.5KB,但是能夠清理控制臺窗口,讓JavaScript的除錯更容易。是Chrome、Opera和Safari內(nèi)建的除錯工具的好搭檔。
相關(guān)文章:
1. 使用Python webdriver圖書館搶座自動預(yù)約的正確方法2. Android Studio實(shí)現(xiàn)格式化XML代碼順序3. ASP.NET MVC使用jQuery ui的progressbar實(shí)現(xiàn)進(jìn)度條4. Linux刪除系統(tǒng)自帶版本Python過程詳解5. Android 簡單的實(shí)現(xiàn)滑塊拼圖驗(yàn)證碼功能6. 淺談由position屬性引申的css進(jìn)階討論7. Python3 json模塊之編碼解碼方法講解8. Python 合并拼接字符串的方法9. PHP如何開啟Opcache功能提升程序處理效率10. 在線php代碼縮進(jìn)、代碼美化工具:PHP Formatter

網(wǎng)公網(wǎng)安備