推荐的一些前端开发工具
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。