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

jopen 9年前發布 | 6K 次閱讀 開發工具
 

artTemplate

性能卓越的 js 模板引擎

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

artTemplate

Duo

提供強大的前端靜態資源(主要是JS和CSS)構建壓縮方案,前身是 Components

其具有豐富的前端 組件庫 (強烈推薦),生態極其繁榮,依然有很多開發者不斷為其貢獻組件。

Duo

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

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!