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

标签: 前端开发 javascript | 发表时间:2015-06-11 21:43 | 作者:老婆婆
出处:http://segmentfault.com/blogs

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

相关 [前端 开发 工具] 推荐:

前端开发小工具集合(2011-05-24更新)

- water - WEB前端开发
声明: 本文采用 BY-NC-SA 协议进行授权 | WEB前端开发转载请注明转自《前端开发小工具集合(2011-05-24更新)》.

Twitter推出轻量级前端开发工具Bootstrap

- 可可 - 36氪
Twitter刚刚推出了一套用于快速搭建网页应用的轻量级前端开发工具Bootstrap. Bootstrap工具由Twitter设计师Mark Otto和Jacob Thornton合作开发. 你可以从GitHub上获取这套源码,相关示例请查看这里. Bootstrap是一套用于开发网页应用,符合HTML和CSS简洁但优美规范的库.

10个前端开发必备的工具或使用方法

- - 我爱水煮鱼
工欲善其事必先利其器,作为前端开发的你,有了本文介绍的工具和一些功能,就可以高效的处理任务和信息. 下面的这些工具都是本人平时经常用到的,如果你有更好的更有效率的工具,请告知一声,补充一下. 前端要看网页,浏览器是必备的,但为什么要选择火狐浏览器而不是谷歌、IE、opera、360. 首先,IE就不要谈了,360那些国产的也不要提了,Opera 国内使用率并不高.

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

- - SegmentFault 最新的文章
简洁的模版语法,简单的API,关键还能前后端(Nodejs)共用模板,简直就是前端开发利器. 今天有个想法,把 artTemplate封装下,模版 render后给 input等注册几个事件,分分钟就能实现简单的数据双向绑定. 提供强大的前端静态资源(主要是JS和CSS)构建压缩方案,前身是 Components.

收集的一些轻量级非常实用的前端开发小工具

- bin - Web前端 - ITeye博客
收集的一些轻量级非常实用的前端开发小工具:. CSS3样式生成器:http://www.css88.com/tool/css3Preview/. CSS3渐变样式生成器,类似Photoshop中的渐变界面:http://www.colorzilla.com/gradient-editor/. CSS3动画制作工具Sencha Animator:http://www.sencha.com/products/animator/.

前端工程师必备:细数那些好用的网站开发工具

- - 博客 - 伯乐在线
Web用户体验师Jake Rocheleau撰写了一篇文章分享他在Web开发中经常使用的网站和Web App,其中包含各类字体库、代码库、插件库、配色方案和测试工具. 他同时指出,Web开发环境将慢慢转向云端. CodeVisually是一个开源项目. 在它的分类目录下有各种插件、 模板、 主题和脚本程序,你可以找到很多有用的 JS 库,也为WordPress开发人员提供了框架和模板.

轻量级前端开发工具Bootstrap重大改进,Twitter发布Bootstrap 2.0

- - 36氪
Twitter今日在 开发者博客上公布消息, 6个月前发布的轻量级前端开发工具Bootstrap迎来重大改进,正式升级为Bootstrap 2.0( 下载源码). 和原来一样,Bootstrap 2.0仍然是一个托管在GitHub上的开源项目. 去年8月,Twitter推出了用于快速搭建网页应用的轻量级前端开发工具Bootstrap,由Twitter的设计师 Mark Otto和 Jacob Thornton合作完成.

前端开发大众手册

- Ran - FeedzShare
来自: xilo's blog - FeedzShare  . 发布时间:2009年03月09日,  已有 3 人推荐. 一直觉得前端开发缺个手册,这是个体力活. 今天闲来无事,把一些工具(online和client的)、常用网址、以及经验总结等罗列出来和大家分享下. 这个标题起地大了点,肯定会有很多地方没列到,包括类目的分法也可能考虑不周,所以还请大家积极补充指正,可以直接留言,也可以发邮件给我.

前端开发 – 我们的职业

- aoao - 崔凯,前端开发
写给“正在纠结”、“准备纠结”的前端开发们,希望对大家求职有所帮助:. 很多人提出薪资要求的时候,会说:“现在房租是多少多少、吃饭要多少多少、泡妞会多少多少”,所以,至少拿多少多少的工资,才满足自己的需求. 如果说这些话的人,已经是公司的老员工,和老板私人关系很不错,那这么讲还凑合. 但如果是职场新人,首次过来应聘,谈这些就很不在点上.