对页面进行优化时~免不了对使用的图片进行压缩~以便减小我们使用的图片的大小~这样就可以减少用户下载的文件大小,加快页面访问速度。Google Pagespeed最佳实践建议我们用 jpegtran 或 jpegoptim (仅限 Linux 平台) 对 jpeg/jpg 图片进行无损压缩,如果是 P...
分类:
其他好文 时间:
2015-11-13 13:10:38
阅读次数:
562
这是我在使用前端构建工具grunt的一些总结,希望对大家有一定的帮助,也希望大家一起讨论一起进步。 http://cobish.github.io/%E5%89%8D%E7%AB%AF/2015/06/28/grunt-use.html...
分类:
其他好文 时间:
2015-11-12 23:42:58
阅读次数:
306
http://karma-runner.github.io/0.8/plus/RequireJS.htmlkarma 不是测试框架,只是一个运行测试框架的服务器karma测试的原理是,将所有的文件都加载,然后执行对应的测试文件使用到的前端自动化工具: grunt bower npm 等安装依赖: "...
分类:
Web程序 时间:
2015-11-12 14:56:00
阅读次数:
508
提示:Grunt基于Node.js,安装之前要先安装Node.js第一步:安装 grunt-clinpm install -g grunt-cli第二步:用以下命令创建一个基本的package.json文件npm init第三步:npm install第四步:安装 Grunt 插件npm insta...
分类:
其他好文 时间:
2015-11-11 20:45:31
阅读次数:
222
首先,安装所需要的插件 yo bower gulp三个工具 npm install -g yo bower gulp再次,安装gulp所需要的generator-gulp-webapp,这个和grunt的有个区别就多了一个gulp标识 npm install -g generator-gulp-webapp最后一步安装gulp-webapp,注意要和grunt区分开来yo gulp-web...
分类:
其他好文 时间:
2015-11-11 17:56:48
阅读次数:
248
需要了解的知识:1、nodejs的安装与命令行使用2、nodejs安装应用3、grunt的初步了解本文已假定读者已经熟悉以上知识。好,我们继续:任务1:将src目录下的所有zepto及插件合并,并压缩。--src/ ajax.js assets.js callbacks.js ...
分类:
Web程序 时间:
2015-11-10 21:15:06
阅读次数:
297
Grunt?,??javascript 我想先花点时间回忆一下作为一个前端需要做的工作(Loading...) JS合并 JS压缩 CSS压缩 CSS Sprite 图片优化 测试 静态资源缓存(版本更新) ... 对应的,一个全副武装的前端可能会是这样的:...
分类:
其他好文 时间:
2015-11-10 12:36:27
阅读次数:
318
前段时间说要学习grunt很久了,可是这两周不是在做项目就是在去做项目的路上.现在终于可以好好得去入门了。边学边写,就把这个过程说一下吧。 首先,Grunt 依赖 Node.js 所以先要安装node.这里附上node的安装方法:http://jingyan.baidu.com/article...
分类:
其他好文 时间:
2015-11-05 13:33:59
阅读次数:
223
转自Gulp vs Grunt1. Grunt -> Gulp早些年提到构建工具,难免会让人联想到历史比较悠久的Make,Ant,以及后来为了更方便的构建结构类似的Java项目而出现的Maven。Node催生了一批自动化工具,像Bower,Yeoman,Grunt等。而如今前端提到构建工具会自然想起...
分类:
其他好文 时间:
2015-11-03 17:44:48
阅读次数:
346
本文结合最近的工作经验,总结出一个较简洁的前端自动化构建方案,主张css和js的模块化,并通过grunt的自动化构建,有效地解决css合并,js合并和图片优化等问题,对于提高前端性能和项目代码质量有一定参考价值,欢迎阅读和点评:)
分类:
Web程序 时间:
2015-11-02 08:04:31
阅读次数:
266