Grunt?,??javascript 我想先花点时间回忆一下作为一个前端需要做的工作(Loading...) JS合并 JS压缩 CSS压缩 CSS Sprite 图片优化 测试 静态资源缓存(版本更新) ... 对应的,一个全副武装的前端可能会是这样的:...
分类:
其他好文 时间:
2015-11-10 12:36:27
阅读次数:
318
简介:使用gulp-minify-css压缩css文件,减小文件大小,并给引用url添加版本号避免缓存。1、安装nodejs/全局安装gulp/本地安装gulp/创建package.json和gulpfile.js文件1.1、gulp基本使用还未掌握?请参看:gulp详细入门教程1.2、本示例目录结...
分类:
Web程序 时间:
2015-11-09 18:36:42
阅读次数:
228
grunt-contrib-cssmin:压缩以及合并CSS文件安装插件:npm install grunt-contrib-cssmin --save-dev不设置compatibility与noAdvanced属性,运行后会有一些hack(*zoom:1;_zoom:1;\9等)会被删除。com...
分类:
Web程序 时间:
2015-09-29 13:06:26
阅读次数:
272
写在前面最近一直在整理css,但因为现在Visual Studio 2013太智能了,它每每在我按ctrl+E+D进行格式化代码的时候,就会将css进行层次格式化(如下图所示),而这个格式让我老大实在无法忍受,我老大认为它实在是太浪费空间了。那我应该怎么办呢,每次将本地代码上传之前都打开另外一个vs...
分类:
Web程序 时间:
2015-07-02 06:33:33
阅读次数:
224
Grunt,javascript我想先花点时间回忆一下作为一个前端需要做的工作(Loading...)JS合并JS压缩CSS压缩CSS Sprite图片优化测试静态资源缓存(版本更新)...对应的,一个全副武装的前端可能会是这样的:JSHintCSSLintJadeCoffeeScriptRequi...
分类:
其他好文 时间:
2015-06-18 13:07:21
阅读次数:
160
Light-AudioPlayer是一款基于jQuery,HTML5和CSS3的轻量级音频播放器插件。该音乐播放器采用CSS3制作界面,具有体积小,自适应各种屏幕等特点。可以在桌面和移动设备中正常工作。该音乐播放器的特点有:
轻量级:整个插件在JS、CSS压缩后最小只有4KB快速响应:采用CSS3特性,自适应各种屏幕,使Light AudioPlayer在手机和平板上也能良好的运作触摸支持:...
分类:
Web程序 时间:
2015-05-27 13:56:09
阅读次数:
208
昨天,把带宽从1M升级到2M,使用cdn版本的jquery之后,网站访问速度由平均5s(在禁止缓存的情况下,使用缓存大概在2.8s)下降到2.8s的样子。 今天,继续优化。第1步: 把图片进行了压缩,70kb以上的banner用的大图,压缩成50kb左右。图片质量稍微下降了一点,没钱连高清图片都用不起,所以还是得有钱,赚钱。第2步: js压缩。 昨天,也用了网上下载的js/css压缩器,...
分类:
Web程序 时间:
2015-05-13 12:49:54
阅读次数:
154
上一篇博文里面,没有支持Script和css的压缩功能以及script和css的路径问题也没有解决,所以重新发布一个版本,解决了这几个问题,并且优化了插件路由注册,现在可以很方便的实现热插拔web插件,但web插件热插拔需要对路由表进行修改,如果是线上项目,热插拔期间可能会有请求异常,所以暂时不提供...
分类:
Web程序 时间:
2015-05-04 11:48:51
阅读次数:
126
一直想把项目中的js和css压缩下,今天终于搞定了。 先说说几个注意的问题,目标影响着你对应的解决办法:1.压缩后的文件,是否要直接覆盖旧的文件2. 单个压缩文件重命名,还是整个目录换个名字,同时文件名称不变3. 部署访问和切换问题4.压缩后的,是否要上传到git等远程仓库里 比如C:/js a.js,a.css方式一,直接覆盖,目录和文件名称,都不变化。方式二,不覆盖,仍然在同一个目录下...
分类:
Web程序 时间:
2015-04-17 18:15:35
阅读次数:
129