我推荐的一些前端开发工具

jopen 9年前
 

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