我推薦的一些前端開發工具

artTemplate

性能卓越的 js 模板引擎

簡潔的模版語法，簡單的API，關鍵還能先後端（Nodejs）共用模板，簡直就是前端開發利器。今天有個想法，把artTemplate封裝下，模版render後給input等註冊幾個事件，分分鐘就能實現簡單的數據雙向綁定。

artTemplate。

betty.js

很是輕量的將JS代碼存儲到LocalStorage裏的方案。

betty.js

fastClick

一行代碼消除移動短click事件300ms的延遲，不用過多介紹，只須要這麼使用它便可：

$(function() {
    FastClick.attach(document.body);
});

盡情書寫click吧，不用判斷移動端使用touch神馬的了~

fastClick

debug.js

手機上看不到console.log信息？手機檢測不到JS報錯信息？不用擔憂，有了debug.js你就能夠作到。

debug.js提供了簡潔的API供開發者使用，你能夠查看Demo。

固然，若是你想繼續使用console.log，能夠這麼封裝：

if('ontouchend' in window) {
  console.log = debug.log.bind(debug);
}

以後上線時，能夠使用uglify壓縮掉全部console的代碼。完美~

debug.js

broadcast.js

broadcast實現了

統一的事件管理中心。

源碼很是簡單，使用也很是簡單，提供兩個API：

• broadcast.on

• broadcast.fire

簡單的功能，會不知不覺成爲網頁（網站）很是核心的功能，相信若是你真正理解它使用它，你會完全喜歡上它。

broadcast.js

iconfont.cn

iconfont.cn是由阿里巴巴UX部門推出的矢量圖標管理網站。

圖標作成字體文件，iconfont.cn是我目前見到的國內最大的圖標字體庫，由最初的阿里系圖標慢慢升級爲全圖標庫，開發者也能夠本身上傳SVG文件生成iconfont。

iconfont

device.js

device.js是一個簡單的設備檢測工具。

device.js