像JQuery一样来压缩我们的CSS和JS

我们都知道一般JQuery新版本发布的时候往往会有几个不同类型文件,比如原始版本文件、最小文件以及其他配合IDE智能提示的各种版本文件,前期我们使用JQuery时可能用的是完整版文件,可以到了网站发布的时候为了减轻文件大小,真正用到的就是我们常见的所谓压缩版文件。我们在想,网站发布的时候为什么不为我们的CSS和JS也生成这样的压缩版文件呢?今天我就为这来发一篇随笔谈谈这个并予以实现,话说好多人都知道也都在使用。

YUI Compressor

前端的肯定都知道这个东东,呵呵,这个太出名了,假若前端的你不知道就孤陋寡闻了哦!先说说这个东西是干嘛的吧,它就是可以压缩我们的CSS和JS文件的神物,使用它可以大大的缩减我们的这两种文件。接下来就来介绍介绍这个东东的安装与使用,大神就无视吧,嘿嘿、、、

步骤一:安装配置JDK

首先要安装我们的JDK哦,下载JDK后双击安装,然后一路下一步下一步,不过要记住安装的路径哦。(刚才传JDK过来貌似失败了,所以提供个官网去下载吧)官网下载

小弟已经配置过几次JDK了,话说总是记不住(莫笑咯),于是某日闲来无聊就写下了如下txt文件,直接内容Copy过来

---------------------配置JDK帮助文档<以win7为例>---------------------

*********************************************************************

、右键“我的电脑”,进入“属性”界面,找到环境变量

、在系统变量中新建JAVA_HOME变量,值指向安装JDK的根目录

、新建PATH变量(如果存在PATH,则点击编辑),设置值为%JAVA_HOME%\bin;
->如果存在PATH路径,在前面加;分隔符
->例如:;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin; 、新建CLASS_PATH变量,值为:;%JAVA_HOME%\lib;%JAVA_HOME\lib\tools.jar 、测试配置是否成功
->在cmd中输入javac,然后Enter,显示javac用法即配置成功 *********************************************************************

步骤二:好了JDK安装配置成功紧接下载YUI Compressor吧,点击这里下载

将文件解压运行就行,这个时候如果你右键点击文件会多了一个选项,如下图所示:

  

最后就会生成如下所示的文件

嘿嘿,这两个文件大小相差一倍哦,赶紧试试去吧!

后记

  来学校竟然把钥匙忘在家里了,悲催,只好翻进来,如此狼狈,剩下的两天怎么办啊,伤不起!!!

  ------如果你觉得此文对你有所帮助,别忘了点击下右下角的推荐咯,谢谢!------

CSS文件和Javascript文件的压缩的更多相关文章

  1. node.js 使用 UglifyJS2 高效率压缩 javascript 文件

    UglifyJS2 这个工具使用很长时间了,但之前都是在 gulp 自动构建 时用到了 UglifyJS 算法进行压缩. 最近玩了一下 UglifyJS2 ,做了一个 在线压缩javascript工具 ...

  2. 压缩javascript文件方法

    写在前面的话:正式部署前端的时候,javascript文件一般需要压缩,并生成相应的sourcemap文件,对于一些小型的项目开发,这里提供一个简单的办法. ======正文开始====== 1.下载 ...

  3. 使用Ant命令压缩JavaScript文件

    压缩JavaScript文件可以减少代码尺寸,保护源代码,节省网络带宽,加快页面打开速度,甚至优化JS代码.Yahoo有一个压缩JS的工具叫做YUI compressor, Google也有一个工具叫 ...

  4. 使用GruntJS链接与压缩多个JavaScript文件

    使用GruntJS链接与压缩多个JavaScript文件 自己写了个简单的HTML5 Canvas的图表库,可以支持饼图,折线图,散点图,盒子图 柱状图,同时支持鼠标提示,绘制过程动画效果等.最终我想 ...

  5. Gulp实现css、js、图片的压缩以及css、js文件的MD5命名

    目前做代码压缩合并的工具有很多,诸如gulp,webpack,grunt等等,可以说这些项目构建工具的功能非常之强大:图片压缩.图片转base64.css和js的压缩以及合并,文件的md5重命名 -- ...

  6. 压缩网站的css和js,合并多个文件到一个文件

    压缩网站的css和js,合并多个文件到一个文件uglifyjs index.js html5shiv.min.js -o all.min.jsuglifycss index.min.css web.c ...

  7. Grunt: 拼接代码,js丑化(压缩),css压缩,html压缩,观察文件,拷贝文件,删除文件,压缩文件

    准备工作 grunt 基于nodeJs所以 nodeJs需要的基础配置都需要安装 1.Grunt 安装 npm install -g grunt-cli 这是全局安装 2.在当前文件下npm init ...

  8. Grunt 自动化部署之css、image、javascript、html压缩Gruntfile.js配置

    grunt.initConfig方法 用于模块配置,它接受一个对象作为参数.该对象的成员与使用的同名模块一一对应. 每个目标的具体设置,需要参考该模板的文档.就cssmin来讲,minify目标的参数 ...

  9. apache 配置静态文件缓存和开启gzip压缩

    1,设置文件静态缓存3天: 在httpd.conf 里添加如下代码: #文件静态缓存配置 <IfModule expires_module> #打开缓存 ExpiresActive on ...

随机推荐

  1. 需要MARK一下,奇怪的ANDROID SDK自带的APK加密功能的问题

    花了两天时间,各种调试APP,发现问题不在于代码. 在于用了SDK里的加密,导致运行其中一个多线程中的ACTIVITY, 就会黑屏,返回按钮也没用. 发现这个问题的思路是因为,我发现连手机直接调试,一 ...

  2. 【网络收集】Sql Server datetime 常用日期格式转换

    ) , sfrq, ) 我们经常出于某种目的需要使用各种各样的日期格式,当然我们可以使用字符串操作来构造各种日期格式,但是有现成的函数为什么不用呢? SQL Server中文版的默认的日期字段date ...

  3. C++ Iterator迭代器介绍及Iterator迭代器用法代码举例

    C++ Iterator迭代器介绍 迭代器可被用来访问一个容器类的所包函的全部元素,其行为像一个指针.举一个例子,你可用一个迭代器来实现对vector容器中所含元素的遍历.有这么几种迭代器如下: 迭代 ...

  4. 页面所有的button绑定同一个事件,点击不同的button赋值不同

    <script type="text/javascript"> $(function(){ $("input[type='button']").cl ...

  5. Objective-C(iOS)严格单例模式正确实现

    注:本文所有权归作者所有,转载请注明出处 当希望在一个应用程序中某个类的对象只能存在一个的时候就可以考虑用单例模式来实现,单例模式在C++中比较容易实现(只需把构造函数声明为private),而在Ob ...

  6. iOS预处理指令

    预处理过程扫描源代码,对其进行初步的转换,产生新的源代码提供给编译器.可见预处理过程先于编译器对源代码进行处理. 预处理指令是以#开头的代码行,#后是指令关键字,在关键字和#号之间允许存在任意个数的空 ...

  7. (转)Salesforce的440亿美金并购宣告企业软件市场进入3.0互联网化时代

    导语:Salesforce代表着“移动+云”时代企业软件领域新的架构和商业模式的颠覆者.企业软件转向“移动+云”架构,将极大改变传统企业IT市场的格局…… 近期一则新闻极大的刺激了企业软件市场的神经, ...

  8. 在慕课学习Bootstrap

    ---恢复内容开始--- 可以用class=“h1”等给元素加h1样式 <h>------<small>----</small></h>     < ...

  9. 编辑器笔记——sublime text3 编译sass

    如已经安装sass 和 sass build两个插件到ST,command+b编译也没有问题,那么另外安装koala,在koala中引入你要编辑的sass,并把该sass文件设置为自动编译,那么用ST ...

  10. JQuery的过滤选择器

    1.eg(num):查找索引num位置的元素,索引从0开始. 2.lt(num):查找索引小于num位置的元素,索引从0开始. 3.gt(num):查找索引大于num位置的元素,索引从0开始. 示例: ...