天天看點

[JavaScript]11個JavaScript工具web開發者不可錯過   JavaScript即将接管Web世界,如雨後春筍版冒出的JavaScript工具更是讓web開發者無所适從。

  JavaScript即将接管Web世界,如雨後春筍版冒出的JavaScript工具更是讓web開發者無所适從。

  本文我們為大家推薦11款嶄露頭角但功能強大的JavaScript工具,是追逐web設計新潮流(界面簡潔、面向移動、強調互動)中不可或缺的好幫手。

[JavaScript]11個JavaScript工具web開發者不可錯過   JavaScript即将接管Web世界,如雨後春筍版冒出的JavaScript工具更是讓web開發者無所适從。

  web開發者不可錯過的11個JavaScript工具

  一、Meteor

  Meteor web應用開發架構定義的七大開發天條為現代軟體開發打下良好基礎,例如Meteor采用開源社群的方式培育插件資源,其他天條還包括:設計簡單的API、僅通過網絡傳送資料、使用統一的開發語言等。Meteor還開發了一個用戶端的本地模拟器。

  Meteor是一種新型JavaScript架構,用于WebApp應用程式開發。Meteor的基礎構架是Node.JS+MongoDB,它把 這個基 礎構架同時延伸到了浏覽器端,如果App用純JavaScript寫成,JS APIs和DB APIs就可以同時在伺服器端和用戶端無差異地調用,本地和遠端資料通過DDP(Distributed Data Protocol)協定傳輸。是以部分應用如TODO清單,網絡線上和離線下使用功能完全沒有差異,動作響應和資料延遲也完全感覺不出來。

  二、Epoch

  資料可視化是最火的web開發項目,如今已經有很多工具能夠在web上展示吸引眼球的資料可視化互動圖表,例如D3.js。但Epoch更進一步,在基本的D3代碼庫的基礎上進一步整合,提供更加流暢的體驗。通過Epoch你可以向客戶展示幹淨漂亮實時更新的圖表。

  三、Web Starter Kit

  為不同的移動終端開發web應用是一件極為痛苦的事情,Google的Web Starter Kit的目标就是幫助開發者為不同裝置開發web應用,例如點選同步、螢幕适配等問題。無論你的使用者使用老款iPad還是新款Android手機,代碼都能夠适應。你隻需要勾畫出界面,螢幕适配的問題可以交給Web Starter Kit處理,并給出設計建議。

  四、Reveal.js

  Reveal.js 可以看做是HTML5版本的PowerPoint。可以在web頁面上以PPT的方式動态呈現資訊,如果你的網站想華麗麗地講故事,那麼Reveal能給你最酷的效果。

  第2頁:11個JavaScript工具不可錯過B

  五、RxJS

  靜态網頁已經成為曆史,如今的web設計趨勢是預測客戶想法并提供更好的互動功能,例如自動填寫表單、搜尋Wikipedia等。RxJS架構可以很友善地為滑鼠和鍵盤事件提供響應。

  六、NodeBB

  NodeBB是傳統BBS論壇的一次進化,提供實時的對話流功能,NodeBB的開發者還增加了很多時髦主題,并支援移動裝置螢幕。NodeBB還整合了一些最新的面向觸摸屏的web設計功能,例如無限滾動,NodeBB的社群很活躍,不斷有新插件出現。

  七、GulpJS

  從頭編寫HTML\CSS\Javascript是上個世紀的事情了,如今的JavaScript都是通過CoffeeScript這樣的支援句法縮寫的編輯器寫成的。如果你希望寫完JavaScript能夠一個工具完成代碼清理優化工作,GulpJS就是你的不二之選,GulpJS類似Ant或Maven之于Java。

  八、AngularJS

  Google開發的AngularJS是一個輕量級的,在浏覽器中展示資訊的架構。ANgularJS從背景伺服器收集資料在本地編輯模闆用于示範。伺服器端代碼控制資料存儲,而ANgularJS代碼負責示範。可以相容桌面、平闆電腦和智能手機浏覽器。

  九、Odyssey

  有了API,如今在網站中加入地圖應用變得非常容易,結合地圖的内容框互動則需要用到一些工具,CartoDB開發的Odyssey就是一個不錯的選擇。

  十、PlayCanvas

  一般來講,遊戲開發與web應用完全是兩碼事。但先試試,遊戲世界的很多工具都可以被用于在網站中增加華麗界面。PlayCanvas就是一個基于WebGL的遊戲引擎,結合了實體、光影、音效等工具用于建立一個複雜的界面。

  十一、Deb.js

  開發中的編碼錯誤無法避免,但不同的解決方法則是決定性的。Deb.js雖然隻有1.5KB,但是能夠清理控制台視窗,讓JavaScript的除錯更容易。是Chrome、Opera和Safari内建的除錯工具的好搭檔。

繼續閱讀