合并压缩css和Js的方式( 转载）

最新推荐文章于 2024-04-14 09:44:42 发布
最新推荐文章于 2024-04-14 09:44:42 发布
阅读量709 收藏
点赞数
文章标签： php java 前端 ViewUI
原文链接：http://www.cnblogs.com/doubilaile/p/8432684.html
版权

[文章作者：磨延城 转载请注明原文出处： https://mo2g.com/view/74/ ]

本篇博客从减少浏览器加载外部资源连接数的思考角度着手,要想深入了解其他加快网页显示速度的原理,估计又得花不少时间,这需要把前端跟后端都说解释清楚.有时间我会分开写其他部分的内容.这里为了节省时间,只介绍如何减少网页需要加载的外部资源,加快浏览器的响应速度.

本篇博客从减少浏览器加载外部资源连接数的思考角度着手，要想深入了解其他加快网页显示速度的原理，估计又得花不少时间，这需要把前端跟后端都说解释清楚。有时间我会分开写其他部分的内容。这里为了节省时间，只介绍如何减少网页需要加载的外部资源，加快浏览器的响应速度。

如果一个页面比较复杂，要展示的内容 比较多，就会包含很多外部资源、css样式还有js脚本，比如某个门户网站的的html代码如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
< html >
< head >
     < meta  http-equiv = "Content-Type"  content = "text/html; charset=utf-8" />
     < title >XXX最大的门户网站</ title >
     <!-- 外部css样式资源 开始-->
     < link  type = "text/css"  rel = "stylesheet"  href = "1.css" />
     < link  type = "text/css"  rel = "stylesheet"  href = "2.css" />
     ...
     < link  type = "text/css"  rel = "stylesheet"  href = "n-1.css" />
     < link  type = "text/css"  rel = "stylesheet"  href = "n.css" />
     <!-- 外部css样式资源 结束-->
</ head >
< body >
 
<!-- 页面展示图片 开始-->
< img  src = "1.jpg" >
...
< img  src = "n.jpg" >
<!-- 页面展示图片 结束-->
 
<!-- 外部js脚本资源 开始-->
< script  scr = "1.js" ></ script >
...
< script  scr = "n.js" ></ script >
<!-- 外部js脚本资源 结束-->
</ body >
</ html >

这些大型门户网站一个页面需要加载的外部资源总数，经常超过100个。腾讯QQ首页，就加载高达了192个外部资源。相信这个数字是经过腾讯的前端团队尽了最大努力才压缩下来的结果，如果没做过处理，会怎样？

请看下边的表格，分别显示了各个浏览器在同一时间，能向同一域名请求的最大并发连接数。

浏览器HTTP 1.1HTTP 1.0
IE 6、7、82~64~6
Firefox2~66~8
Safari44
Chrome4~64~6

如果浏览器支持8个并发链接，每个外部资源加载时间为400ms，那么160个外部资源连接，理论上就需要8000ms（160 ÷ 8 × 400）的加载时间，大约8秒才能显示完整的页面。但实际的情况更加复杂，最基本的问题就是要加载的外部资源数据包的大小，这一因素直接影响了加载时间，要想保证每个外部资源的加载时间为400ms或者更短的时间，这又牵扯到CDN分布式存储。所以，在资金不足的情况下，我们能做的就是减少外部资源的连接数，还有就是精简和压缩静态数据。

为了解决这一问题，我为mPHP核心框架写了一个PHP函数file_merger，用来合并多个CSS样式文件或者JS脚本文件，并对生成的合成文件进行压缩，从而更进一步的减小外部资源的数据大小。

使用环境如下：

测试环境地址：http://localhost/

测试环境目录结构：

/static/css/，css样式目录存在1.css，2.css两个文件

/static/js/，js脚本目录下存在1.js，2.js

/static/merger/，合成文件保存目录

file_merger函数的使用例子如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<?php
include  'file_merger.php' ;
$CFG [ 'debug' ] = 0; //当值为1的时候，不进行合并压缩，按常规调用
$CFG [ 'java' ] = 0; //当值为1的时候，使用yuicompressor压缩；0使用PHP正则表达式简单压缩
$arrCss [] =  '1.css' ;
$arrCss [] =  '2.css' ;
$arrJs [] =  '1.js' ;
$arrJs [] =  '2.js' ;
$css  = file_merger( $arrCss , 'main.css' );
$js  = file_merger( $arrJs , 'main.js' );
echo  $css ;
echo  $js ;
/*
函数执行成功后，会在指定的合成文件保存目录生成main.css，main.js两个文件，并会输出结果如下
<link rel="stylesheet" type="text/css" href="http://localhost/static/merger/main.css?1389454147">
<script type="text/javascript" src="http://localhost/static/merger/main.js?1389454147"></script>
 
测试代码的时候可以把$CFG['debug']设置为1;
当为1的时候，不会生成合成文件，同时会得到如下输出结果，方便调试：
<link href="http://localhost/static/css/1.css?1389454824" rel="stylesheet" type="text/css">
<link href="http://localhost/static/css/2.css?1389454824" rel="stylesheet" type="text/css">
<script type="text/javascript" src="http://localhost/static/js/1.js?1389454824"></script>
<script type="text/javascript" src="http://localhost/static/js/2.js?1389454824"></script>
*/

file_merger有两种压缩方式，一种是使用雅虎基于java开发的yuicompressor，第二种就是我基于PHP正则表达式编写的压缩规则。优先推荐使用yuicompressor的压缩方式，但如果你的服务器环境不支持java，也可以使用第二种方法。

下边是file_merger函数的实现代码，如果使用过程中有什么问题，可以给我留言。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<?php
/*
作者:moyancheng
最后更新时间:2013-05-17
最后更新时间:2013-12-13
功能：将多个js或css，合并为一个js或css，并进行压缩
$arrPath:合并文件数组
$out:输出文件
$cache:是否缓存，默认为false,会在文件名后边加上时间戳，如main.js?1389424132
*/
function  file_merger( $arrFile , $out , $cache =false) {
     global  $CFG ;
     $url  =  'http://localhost/static/' ;//静态资源url地址，根据自己的情况修改
     $static  =  '/static/' ; //静态资源在服务器上的存储路径，根据自己的情况修改
     $dir  =  "{$static}merger/" ; //合成文件在服务器上的存储路径，根据自己的情况修改
     $return  =  "{$url}merger/{$out}" ;
     $out  =  "{$dir}{$out}" ; //
     $time  =  $_SERVER [ 'REQUEST_TIME' ];
     
     if (  substr ( $arrFile [0],-2) ==  'js'  ) {
          $type  =  'js' ;
     }  elseif (  substr ( $arrFile [0],-3) ==  'css'  ) {
         $type  =  'css' ;
     }
     
     //当文件不存在,或者调试模式,就执行下边的程序
     if ( ! is_file ( $out ) ||  $CFG [ 'debug' ]) {
         //调试模式,按常规加载js,css
         if (  $CFG [ 'debug' ] ) {
             $out  =  '' ;
             foreach ( $arrFile  as  $key  =>  $file ) {
                 if (  $type  ==  'js'  ) {
                     $out  .=  "<script type=\"text/javascript\" src=\"{$url}js/{$file}?{$time}\"></script>\n" ;
                 }  elseif (  $type  ==  'css'  ) {
                     $out  .=  "<link href=\"{$url}css/{$file}?{$time}\" rel=\"stylesheet\" type=\"text/css\">\n" ;
                 }
             }
             return  $out ;
         }  else  {
         //正式环境启动压缩
             ob_start();
             foreach ( $arrFile  as  $key  =>  $file ) {
                 include  $static . "{$type}/{$file}" ;
             }
             $str  =  ob_get_clean();
             $tmp  =  $dir .  'tmp' ;
             
             if ( $CFG [ 'java' ]) {
                 //java程序精简文件
                 file_put_contents ( $tmp , $str );
                 if (  $type  ==  'js'  ) {
                     $exec  =  "java -jar {$static}yuicompressor-2.4.2.jar --type js --charset utf-8 -v $tmp > $out" ; //压缩JS
                 }  elseif (  $type  ==  'css'  ) {
                      $exec  =  "java -jar {$static}yuicompressor-2.4.2.jar --type css --charset utf-8 -v $tmp > $out" ; //压缩CSS
                 }
                 ` $exec ` ;
             }  else  {
                 //php程序精简文件
                 $str  = preg_replace(  '#/\*.+?\*/#s' , '' ,  $str  ); //过滤注释 /* */
                 $str  = preg_replace(  '#(?<!http:)(?<!\\\\)(?<!\')(?<!")//(?<!\')(?<!").*\n#' , '' ,  $str  );//过滤注释 //
                 $str  = preg_replace(  '#[\n\r\t]+#' , ' ' ,  $str  ); //回车 tab替换成空格
                 $str  = preg_replace(  '#\s{2,}#' , ' ' ,  $str  ); //两个以上空格合并为一个
                 file_put_contents ( $out , $str );
             }
         }
     }
     unset( $CFG );
     if (  $cache  ) {
         if (  $type  ==  'js'  )  return  "<script type=\"text/javascript\" src=\"{$return}\"></script>\n" ;
         elseif (  $type  ==  'css'  )  return  "<link rel=\"stylesheet\" type=\"text/css\" href=\"{$return}\">\n" ;
     }  else  {
         if (  $type  ==  'js'  )  return  "<script type=\"text/javascript\" src=\"{$return}?{$time}\"></script>\n" ;
         elseif (  $type  ==  'css'  )  return  "<link rel=\"stylesheet\" type=\"text/css\" href=\"{$return}?{$time}\">\n" ;
     }
}

[文章作者：磨延城 转载请注明原文出处： https://mo2g.com/view/74/ ]

本篇博客从减少浏览器加载外部资源连接数的思考角度着手,要想深入了解其他加快网页显示速度的原理,估计又得花不少时间,这需要把前端跟后端都说解释清楚.有时间我会分开写其他部分的内容.这里为了节省时间,只介绍如何减少网页需要加载的外部资源,加快浏览器的响应速度.

本篇博客从减少浏览器加载外部资源连接数的思考角度着手，要想深入了解其他加快网页显示速度的原理，估计又得花不少时间，这需要把前端跟后端都说解释清楚。有时间我会分开写其他部分的内容。这里为了节省时间，只介绍如何减少网页需要加载的外部资源，加快浏览器的响应速度。

如果一个页面比较复杂，要展示的内容 比较多，就会包含很多外部资源、css样式还有js脚本，比如某个门户网站的的html代码如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
< html >
< head >
     < meta  http-equiv = "Content-Type"  content = "text/html; charset=utf-8" />
     < title >XXX最大的门户网站</ title >
     <!-- 外部css样式资源 开始-->
     < link  type = "text/css"  rel = "stylesheet"  href = "1.css" />
     < link  type = "text/css"  rel = "stylesheet"  href = "2.css" />
     ...
     < link  type = "text/css"  rel = "stylesheet"  href = "n-1.css" />
     < link  type = "text/css"  rel = "stylesheet"  href = "n.css" />
     <!-- 外部css样式资源 结束-->
</ head >
< body >
 
<!-- 页面展示图片 开始-->
< img  src = "1.jpg" >
...
< img  src = "n.jpg" >
<!-- 页面展示图片 结束-->
 
<!-- 外部js脚本资源 开始-->
< script  scr = "1.js" ></ script >
...
< script  scr = "n.js" ></ script >
<!-- 外部js脚本资源 结束-->
</ body >
</ html >

这些大型门户网站一个页面需要加载的外部资源总数，经常超过100个。腾讯QQ首页，就加载高达了192个外部资源。相信这个数字是经过腾讯的前端团队尽了最大努力才压缩下来的结果，如果没做过处理，会怎样？

请看下边的表格，分别显示了各个浏览器在同一时间，能向同一域名请求的最大并发连接数。

浏览器HTTP 1.1HTTP 1.0
IE 6、7、82~64~6
Firefox2~66~8
Safari44
Chrome4~64~6

如果浏览器支持8个并发链接，每个外部资源加载时间为400ms，那么160个外部资源连接，理论上就需要8000ms（160 ÷ 8 × 400）的加载时间，大约8秒才能显示完整的页面。但实际的情况更加复杂，最基本的问题就是要加载的外部资源数据包的大小，这一因素直接影响了加载时间，要想保证每个外部资源的加载时间为400ms或者更短的时间，这又牵扯到CDN分布式存储。所以，在资金不足的情况下，我们能做的就是减少外部资源的连接数，还有就是精简和压缩静态数据。

为了解决这一问题，我为mPHP核心框架写了一个PHP函数file_merger，用来合并多个CSS样式文件或者JS脚本文件，并对生成的合成文件进行压缩，从而更进一步的减小外部资源的数据大小。

使用环境如下：

测试环境地址：http://localhost/

测试环境目录结构：

/static/css/，css样式目录存在1.css，2.css两个文件

/static/js/，js脚本目录下存在1.js，2.js

/static/merger/，合成文件保存目录

file_merger函数的使用例子如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<?php
include  'file_merger.php' ;
$CFG [ 'debug' ] = 0; //当值为1的时候，不进行合并压缩，按常规调用
$CFG [ 'java' ] = 0; //当值为1的时候，使用yuicompressor压缩；0使用PHP正则表达式简单压缩
$arrCss [] =  '1.css' ;
$arrCss [] =  '2.css' ;
$arrJs [] =  '1.js' ;
$arrJs [] =  '2.js' ;
$css  = file_merger( $arrCss , 'main.css' );
$js  = file_merger( $arrJs , 'main.js' );
echo  $css ;
echo  $js ;
/*
函数执行成功后，会在指定的合成文件保存目录生成main.css，main.js两个文件，并会输出结果如下
<link rel="stylesheet" type="text/css" href="http://localhost/static/merger/main.css?1389454147">
<script type="text/javascript" src="http://localhost/static/merger/main.js?1389454147"></script>
 
测试代码的时候可以把$CFG['debug']设置为1;
当为1的时候，不会生成合成文件，同时会得到如下输出结果，方便调试：
<link href="http://localhost/static/css/1.css?1389454824" rel="stylesheet" type="text/css">
<link href="http://localhost/static/css/2.css?1389454824" rel="stylesheet" type="text/css">
<script type="text/javascript" src="http://localhost/static/js/1.js?1389454824"></script>
<script type="text/javascript" src="http://localhost/static/js/2.js?1389454824"></script>
*/

file_merger有两种压缩方式，一种是使用雅虎基于java开发的yuicompressor，第二种就是我基于PHP正则表达式编写的压缩规则。优先推荐使用yuicompressor的压缩方式，但如果你的服务器环境不支持java，也可以使用第二种方法。

下边是file_merger函数的实现代码，如果使用过程中有什么问题，可以给我留言。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<?php
/*
作者:moyancheng
最后更新时间:2013-05-17
最后更新时间:2013-12-13
功能：将多个js或css，合并为一个js或css，并进行压缩
$arrPath:合并文件数组
$out:输出文件
$cache:是否缓存，默认为false,会在文件名后边加上时间戳，如main.js?1389424132
*/
function  file_merger( $arrFile , $out , $cache =false) {
     global  $CFG ;
     $url  =  'http://localhost/static/' ;//静态资源url地址，根据自己的情况修改
     $static  =  '/static/' ; //静态资源在服务器上的存储路径，根据自己的情况修改
     $dir  =  "{$static}merger/" ; //合成文件在服务器上的存储路径，根据自己的情况修改
     $return  =  "{$url}merger/{$out}" ;
     $out  =  "{$dir}{$out}" ; //
     $time  =  $_SERVER [ 'REQUEST_TIME' ];
     
     if (  substr ( $arrFile [0],-2) ==  'js'  ) {
          $type  =  'js' ;
     }  elseif (  substr ( $arrFile [0],-3) ==  'css'  ) {
         $type  =  'css' ;
     }
     
     //当文件不存在,或者调试模式,就执行下边的程序
     if ( ! is_file ( $out ) ||  $CFG [ 'debug' ]) {
         //调试模式,按常规加载js,css
         if (  $CFG [ 'debug' ] ) {
             $out  =  '' ;
             foreach ( $arrFile  as  $key  =>  $file ) {
                 if (  $type  ==  'js'  ) {
                     $out  .=  "<script type=\"text/javascript\" src=\"{$url}js/{$file}?{$time}\"></script>\n" ;
                 }  elseif (  $type  ==  'css'  ) {
                     $out  .=  "<link href=\"{$url}css/{$file}?{$time}\" rel=\"stylesheet\" type=\"text/css\">\n" ;
                 }
             }
             return  $out ;
         }  else  {
         //正式环境启动压缩
             ob_start();
             foreach ( $arrFile  as  $key  =>  $file ) {
                 include  $static . "{$type}/{$file}" ;
             }
             $str  =  ob_get_clean();
             $tmp  =  $dir .  'tmp' ;
             
             if ( $CFG [ 'java' ]) {
                 //java程序精简文件
                 file_put_contents ( $tmp , $str );
                 if (  $type  ==  'js'  ) {
                     $exec  =  "java -jar {$static}yuicompressor-2.4.2.jar --type js --charset utf-8 -v $tmp > $out" ; //压缩JS
                 }  elseif (  $type  ==  'css'  ) {
                      $exec  =  "java -jar {$static}yuicompressor-2.4.2.jar --type css --charset utf-8 -v $tmp > $out" ; //压缩CSS
                 }
                 ` $exec ` ;
             }  else  {
                 //php程序精简文件
                 $str  = preg_replace(  '#/\*.+?\*/#s' , '' ,  $str  ); //过滤注释 /* */
                 $str  = preg_replace(  '#(?<!http:)(?<!\\\\)(?<!\')(?<!")//(?<!\')(?<!").*\n#' , '' ,  $str  );//过滤注释 //
                 $str  = preg_replace(  '#[\n\r\t]+#' , ' ' ,  $str  ); //回车 tab替换成空格
                 $str  = preg_replace(  '#\s{2,}#' , ' ' ,  $str  ); //两个以上空格合并为一个
                 file_put_contents ( $out , $str );
             }
         }
     }
     unset( $CFG );
     if (  $cache  ) {
         if (  $type  ==  'js'  )  return  "<script type=\"text/javascript\" src=\"{$return}\"></script>\n" ;
         elseif (  $type  ==  'css'  )  return  "<link rel=\"stylesheet\" type=\"text/css\" href=\"{$return}\">\n" ;
     }  else  {
         if (  $type  ==  'js'  )  return  "<script type=\"text/javascript\" src=\"{$return}?{$time}\"></script>\n" ;
         elseif (  $type  ==  'css'  )  return  "<link rel=\"stylesheet\" type=\"text/css\" href=\"{$return}?{$time}\">\n" ;
     }
}

转载于:https://www.cnblogs.com/doubilaile/p/8432684.html

alexlee0123
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JS和CSS压缩工具
10-03
在线压缩JS和CSS压缩工具，去空格与注释
r.js来合并压缩css文件的示例
10-18
**r.js 合并压缩 CSS 文件** r.js（RequireJS Optimizer）是一个强大的工具，用于优化 JavaScript 和 CSS 文件，主要用于减少网页加载时间和提高性能。它最初是作为 RequireJS 模块加载器的一部分开发的，但也可以...
性能优化--JS、CSS压缩合并
驰骋翱翔
02-19 6407
在前台性能优化过程中，减少HTTP请求数量，就可以减少与服务器交互次数，从而很好的提高系统性能，此次通过实践，网络查阅资料，发现两种压缩合并js和css的方式：combres和BundleConfig；本文描述combres方式实现js、css压缩合并，望广大网友提出合理性意见和建议。
webpack项目css插件压缩等步骤
小菜鸟的博客
02-04 1145
css插件压缩等步骤
推荐一款高效CSS压缩工具：gulp-clean-css
最新发布
gitblog_00099的博客
04-14 444
推荐一款高效CSS压缩工具：gulp-clean-css 项目地址:https://gitcode.com/scniro/gulp-clean-css 在前端开发中，优化代码性能是至关重要的一步，尤其是CSS文件，过大的尺寸可能导致页面加载速度变慢。今天，我将向您推荐一个强大的CSS压缩工具——gulp-clean-css，它是基于Gulp的任务自动化工具和Clean CSS库的完美结合。 项目简...
webpack之css/js/html文件的压缩
strawberry sweet
08-31 2982
文件压缩分三种类型：js，css，html。
使用grunt合并压缩js和css文件的方法
10-20
demo
WordPress 部署 Minify方法 自动压缩合并 JS 和 CSS
01-20
随着 WordPress 一版一版的升级，功能越来越多，代码量也越来越庞大，...压缩 JavaScript 和 CSS，是为减少文件大小，节省流量开销；合并 JavaScript 和 CSS，是为了减少请求数量，减轻服务器压力。而这些枯燥又没有技
mvc js和css文件压缩合并
02-13
在ASP.NET MVC4框架中，优化网页性能的一个关键步骤是对JavaScript (js) 和 Cascading Style Sheets (css) 文件进行压缩和合并。这有助于减少HTTP请求的数量，减小文件大小，从而提升网页的加载速度和用户体验。本文...
如何压缩自己的css和js,在开发中怎么压缩js和css?有哪些办法？
weixin_39706561的博客
08-03 385
在开发的时候我们会选择将自己的代码进行压缩和打包，那么对于“在开发中怎么压缩js和css?有哪些办法？”这个问题小编为带来了一些干货。对于压缩 js 与 css，我们一般是使用在线工具来实现的，我们这边就介绍我们的“站长工具”压缩方法。一、压缩 js我们在使用的使用将自己的代码复制粘贴在我们转码工具的左侧中，之后就可以在右侧看到解压之后的代码，点击普通压缩就可以实现了。截图如下二、css压缩我们根...
JS,CSS压缩工具-jsMinifier
03-01
jsminifier压缩包 博文链接：https://cfw2005.iteye.com/blog/230916
压缩和还原压缩的js,css工具和网站
chenmin_test的博客
01-10 1470
压缩和还原压缩的js网站 packer – 最好用的 javascript 压缩工具地址： http://dean.edwards.name/packer/ http://kan.willin.org/?page_id=1288 恢复JSMIN等工具压缩的JS代码： Javascript Beautifier能够将jsmin压缩后的js文件内容重新恢复成可读性很好js文件。 网页版： http...
web项目压缩工具（css和js脚本）
xj1009420846的博客
07-29 1166
yuicompressor-2.4.8 下载网址： http://yui.github.io/yuicompressor/ https://github.com/yui/yuicompressor/releases bat命令： rem setting start ##################################### @rem 压缩工具路径 set TOOL...
maven实现JS+CSS自动压缩
CTO成长之路——Rosanu
08-14 2533
1. maven实现js+css自动压缩完整代码 1 xml version="1.0" encoding="utf-8"?> 2 3 project xmlns="http://maven.apache.org/POM/4.0.0" 4 xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 5 x
CSS文件和Javascript文件的压缩
weixin_30362233的博客
07-11 148
像JQuery一样来压缩我们的CSS和JS 我们都知道一般JQuery新版本发布的时候往往会有几个不同类型文件，比如原始版本文件、最小文件以及其他配合ＩＤＥ智能提示的各种版本文件，前期我们使用JQuery时可能用的是完整版文件，可以到了网站发布的时候为了减轻文件大小，真正用到的就是我们常见的所谓压缩版文件。我们在想，网站发布的时候为什么不为我们的CSS和ＪＳ也生成这样的压缩版文件呢？今天我就为这...
简短的几句js实现css压缩和反压缩功能
weixin_34049032的博客
07-02 145
写在前面 最近一直在整理css，但因为现在Visual Studio 2013太智能了，它每每在我按ctrl+E+D进行格式化代码的时候，就会将css进行层次格式化（如下图所示），而这个格式让我老大实在无法忍受，我老大认为它实在是太浪费空间了。 那我应该怎么办呢，每次将本地代码上传之前都打开另外一个vs10，然后复制粘贴，可是下次从服务器拉下来代码我一编辑，手痒一下就又变成上面这个鬼样，折...
web前端学习中CSS，JS代码压缩
qf2019的博客
08-13 661
web前端要学习的知识有很多，前端基础要学习三个部分：HTML，CSS，JavaScript（简称JS），因此首先明确三个概念：HTML负责结构，网页想要表达的内容由html书写。 CSS负责样式，网页的美与丑由它来控制JS负责交互，用户和网页产生的互动由它来控制。今天小编介绍下web前端学习中CSS，JS代码压缩 （1）CSS,JS 代码压缩 可以应用gulp的gulp-uglify，gulp-...
使用php在页面输出时，动态加载合并压缩js
u012601195的博客
04-27 1317
本文旨在解决php模板中模块化视图加载css样式文件和js样式的问题。
css/js的压缩与还原
感恩、奋进、自信
11-21 1102
css/js的在线压缩与还原 1、还原：http://jsbeautifier.org/ 2、压缩：http://tool.oschina.net/jscompress/

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值