前端周刊第22期

文章教程

写给那些觉得Grunt没啥用的同学

Grunt的宗旨在于帮你把重复的任务自动化,不光大量的前端同学在用,很多后端同学也还是拥抱这个工具了,设计师也能用?没搞错吧,这篇文章写给那些觉得Grunt没啥用或者跟他们工作不沾边儿的同学~

5大Node程序自动重启工具比较

对于刚接触Node的同学来说,起了Server,代码修改之后,你需要重复的手动重启服务器,时间久了你会觉得好麻烦啊,有没有工具自动化这个事情?答案是确定的,并且还有很多这样的工具,有些还适合用在生产环境,这个横向比较还是很值得1看的~

开发工具

Grunt-Styleguide: 让样式规范更新自动化

团队作业的时候,可能都会慢慢产生StyleGuide,这些规范应该来自于活的代码,比如用Styledocco从CSS源文件中生成,Grunt-Styleguide是这样1款插件,能够帮你把这部分工作自动化了,支持主流的CSS文档生成工具~

代码框架

Heatmap.js: 轻松绘制热度图

热度图能很直观的把数据投射到地图或者其他底图上,让你清楚的了解到数据的分布趋势,有了Heatmap.js绘制热度图则变得非常容易,支持动态数据,地图展示~

Headroom.js: 让你的页头更加智能

用过Bootstrap的同学都应该熟悉其中固定在顶部的导航栏,屏幕空间本来有限,当用户往下滚动页面的时候,是不是应该隐藏掉这个呢?可惜Bootstrap没有提供这个功能,Headroom.js能帮你解决这个问题,让页头随叫随到~

视频教程

精彩问答

如何移除JS源码中的调试代码?

开发过程中为了调试,可能不时的加上几条console.log,可是这种调试代码是不应该出现在生产代码中的,如何移除这些东西呢?手工删除?SED?Grunt?封装?方法有不少,每种方法都有优缺点,很不错的梳理~

如何在多个项目间共享Grunt配置?

熟悉了Grunt的同学会觉得用起来真顺手,可是当你维护的项目多了,麻烦又来了,多个项目的Grunt配置大同小异,需要频繁的复制来粘贴去,如何在多个项目之间共享Grunt配置?有洁癖的懒人必看~

想看更多类似内容?