我推薦的一些前端開發工具
artTemplate
性能卓越的 js 模板引擎
簡潔的模版語法,簡單的API,關鍵還能前后端(Nodejs)共用模板,簡直就是前端開發利器。今天有個想法,把 artTemplate
封裝下,模版 render
后給 input
等注冊幾個事件,分分鐘就能實現簡單的數據雙向綁定。
Duo
提供強大的前端靜態資源(主要是JS和CSS)構建壓縮方案,前身是 Components 。
其具有豐富的前端 組件庫 (強烈推薦),生態極其繁榮,依然有很多開發者不斷為其貢獻組件。
fastClick
一行代碼消除移動短 click
事件300ms的延遲,不用過多介紹,只需要這么使用它即可:
$(function() { FastClick.attach(document.body);
});
盡情書寫 click
吧,不用判斷移動端使用 touch
神馬的了~
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
的代碼。完美~
broadcast.js
broadcast
實現了
統一的事件管理中心。
源碼非常簡單,使用也非常簡單,提供兩個API:
- broadcast.on
- broadcast.fire
簡單的功能,會不知不覺成為網頁(網站)非常核心的功能,相信如果你真正理解它使用它,你會徹底喜歡上它。
iconfont.cn
iconfont.cn是由阿里巴巴UX部門推出的矢量圖標管理網站。
圖標做成字體文件,iconfont.cn是我目前見到的國內最大的圖標字體庫,由最初的阿里系圖標慢慢升級為全圖標庫,開發者也可以自己上傳SVG文件生成iconfont。