通过上一篇前端开发神器WebStorm--自动化工作流(前言),相信大家都Grunt自动化工具有了初步了解。接下来我就以WROC3000web为原型,演示一下如何使用Grunt工具提高工作效率,最大程度压缩代码。1.首先安装node环境进入官网下载安装。(记住安装目录)检测安装成功方法:打开CMD窗...
分类:
Web程序 时间:
2014-06-29 07:00:31
阅读次数:
6082
为何要用构建工具?一句话:自动化对于需要反复重复的任务,例如压缩(minification)、编译、单元测试、linting等,自动化工具可以减轻你的劳动,简化你的工作。当你正确配置好了任务,任务运行器就会自动帮你或你的小组完成大部分无聊的工作。Grunt这货是啥?最近很火的前端自动化小工具,基于任...
分类:
Web程序 时间:
2014-06-29 06:13:44
阅读次数:
204
导读: 你或许会认为前端开发是一个非常easy的工作,对呀,你就是刚刚从网页设计转型过来的。但当你深入当中时,一定会发现好像前端开发不是那么简单,光站点性能优化、响应式、框架就让你焦头烂额, 确实,做前端开发就是先易后难,想成为一个优秀的前端开发,没有那么简单。 只是,天下事难则不会,会...
分类:
其他好文 时间:
2014-06-20 13:46:29
阅读次数:
254
通过上一篇前端开发神器WebStorm--自动化工作流(前言),相信大家都Grunt自动化工具有了初步了解。接下来我就以WROC3000web为原型,演示一下如何使用Grunt工具提高工作效率,最大程度压缩代码。1.首先安装node环境进入官网下载安装。(记住安装目录)检测安装成功方法:打开CMD窗...
分类:
Web程序 时间:
2014-06-19 13:01:39
阅读次数:
606
通过上一篇前端开发神器WebStorm--自动化工作流(前言),相信大家都Grunt自动化工具有了初步了解。接下来我就以WROC3000web为原型,演示一下如何使用Grunt工具提高工作效率,最大程度压缩代码。1.首先安装node环境进入官网下载安装。(记住安装目录)检测安装成功方法:打开CMD窗...
分类:
Web程序 时间:
2014-06-19 11:21:07
阅读次数:
413
通过上一篇前端开发神器WebStorm--自动化工作流(前言),相信大家都Grunt自动化工具有了初步了解。接下来我就以WROC3000web为原型,演示一下如何使用Grunt工具提高工作效率,最大程度压缩代码。1.首先安装node环境进入官网下载安装。(记住安装目录)检测安装成功方法:打开CMD窗...
分类:
Web程序 时间:
2014-06-19 09:41:03
阅读次数:
967
通过上一篇前端开发神器WebStorm--自动化工作流(前言),相信大家都Grunt自动化工具有了初步了解。接下来我就以WROC3000web为原型,演示一下如何使用Grunt工具提高工作效率,最大程度压缩代码。1.首先安装node环境进入官网下载安装。(记住安装目录)检测安装成功方法:打开CMD窗...
分类:
Web程序 时间:
2014-06-19 08:00:58
阅读次数:
183
在某个项目里面,有这样的一个小需求。
textarea的高度自适应,当高度高于300px之后,textarea高度不再增高,出滚动条。当高度小于某个高度例如80px的时候,高度不再变小。
其实这个需求在很多地方都有出现过,例如微博的评论框,还有各种评论框。
谈不上什么有难度的技术,写下来当一个小插件积累。...
分类:
其他好文 时间:
2014-06-18 08:05:13
阅读次数:
227
在网站前端开发中,浏览器兼容性问题本已让我们手忙脚乱,Chrome的出世不知道又要给我们添多少乱子。浏览器兼容性是前端开发框架要解决的第一个问题,要解决兼容性问题就得首先准确判断出浏览器的类型及其版本。 JavaScript是前端开发的主要语言,我们可以通过编写JavaScript程序来判断浏览器的类型及版本。JavaScript判断浏览器类型一般有两种办法,一种是根据各种浏览器独有的属性来分辨,...
分类:
Web程序 时间:
2014-06-17 22:24:51
阅读次数:
298
为什么使用Sass作为前端(html、javascript、css)的三大马车之一的css,一直以静态语言存在,HTML5火遍大江南北了、javascript由于NODE.JS而成为目前前后端统一开发语言的不二之眩只有css似乎成为前端开发的被忽视的角色了。Sass让css有了动态语言的特点,在初次学习css时,有..
分类:
其他好文 时间:
2014-06-17 18:06:18
阅读次数:
219