用于CSS代碼壓縮與格式化的javascript函數(shù)代碼
更新時(shí)間：2009年12月12日 02:31:46 作者：
呵呵，發(fā)現(xiàn)只要幾行ＪＳ代碼就可實(shí)現(xiàn)css的壓縮與格式化，非常不錯(cuò)。
復(fù)制代碼 代碼如下:
var lCSSCoder={
format : function(s){//格式化代碼
s=s.replace(/\s*([\{\}\:\;\,])\s*/g,"$1");
s=s.replace(/\,[\s\.\#\d]*{/g,"{");
s=s.replace(/([^\s])\{([^\s])/g,"$1 {\n\t$2");
s=s.replace(/([^\s])\}([^\n]*)/g,"$1\n}\n$2");
s=s.replace(/([^\s]);([^\s\}])/g,"$1;\n\t$2");
s=s.replace(/;\s*;/g,";");//清除連續(xù)分號(hào)
return s;
},
pack :function(s){//壓縮代碼
s=s.replace(/\/\*(.|\n)*?\*\//g,"");//刪除注釋
s=s.replace(/\s*([\{\}\:\;\,])\s*/g,"$1");
s=s.replace(/\,[\s\.\#\d]*\{/g,"{");//容錯(cuò)處理
s=s.replace(/;\s*;/g,";");//清除連續(xù)分號(hào)
return s;
}
};
演示代碼：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
下面是腳本之家的css格式化工具，喜歡的朋友也可以看看里面的代碼
CSS代碼格式化 css在線壓縮工具
您可能感興趣的文章:
- java壓縮多個(gè)文件并且返回流示例
- 使用java基礎(chǔ)類實(shí)現(xiàn)zip壓縮和zip解壓工具類分享
- java使用gzip實(shí)現(xiàn)文件解壓縮示例
- Java壓縮文件ZIP實(shí)例代碼
- Java 文件解壓縮實(shí)現(xiàn)代碼
- java生成壓縮文件示例代碼
- 使用GruntJS鏈接與壓縮多個(gè)JavaScript文件過程詳解
- Java中如何調(diào)用cmd壓縮文件
- Java 圖片壓縮實(shí)現(xiàn)思路及代碼
- YUI Compressor壓縮JavaScript原理及微優(yōu)化
- 使用UglifyJS合并/壓縮JavaScript的方法
- JavaScript 代碼壓縮工具小結(jié)
- JavaScript(JS) 壓縮 / 混淆 / 格式化 批處理工具
- javascript實(shí)現(xiàn)的樣式表(CSS) 格式整理與壓縮
- 一款js和css代碼壓縮工具[附JAVA環(huán)境配置方法]
- Microsoft Ajax Minifier 壓縮javascript的方法
- JavaScript 在線壓縮和格式化收藏
- java字符串壓縮解壓示例
相關(guān)文章
學(xué)習(xí)JavaScript設(shè)計(jì)模式(策略模式)
這篇文章主要帶領(lǐng)大家學(xué)習(xí)JavaScript設(shè)計(jì)模式，其中重點(diǎn)介紹策略模式，以年終獎(jiǎng)為實(shí)例對(duì)策略模式進(jìn)行分析，對(duì)策略模式進(jìn)行詳細(xì)剖析，感興趣的小伙伴們可以參考一下2015-11-11
下面小編就為大家?guī)硪黄獪\談ES6新增的數(shù)組方法和對(duì)象。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-08-08
JavaScript isArray()函數(shù)判斷對(duì)象類型的種種方法
我們知道，JavaScript中檢測(cè)對(duì)象類型的運(yùn)算符有：typeof、instanceof，還有對(duì)象的constructor屬性2010-10-10
這篇文章主要介紹了JS變量提升及函數(shù)提升實(shí)例解析,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-09-09
這篇文章主要介紹了詳解ES6中的代理模式——Proxy，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-01-01
微信小程序?qū)崿F(xiàn)圖片上傳、刪除和預(yù)覽功能的方法
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)圖片上傳、刪除和預(yù)覽功能的方法,涉及微信小程序界面布局、事件響應(yīng)及圖片操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-12-12
Javascript 更新 JavaScript 數(shù)組的 uniq 方法
2008-01-01
這篇文章主要介紹了redux-saga 初識(shí)和使，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-03-03
JavaScript實(shí)現(xiàn)計(jì)算器的四則運(yùn)算功能
這篇文章主要為大家介紹了如何通過JavaScript實(shí)現(xiàn)計(jì)算器的四則運(yùn)算功能，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以跟隨小編一起動(dòng)手試試2022-02-02
這篇文章主要介紹了js中用閉包遍歷樹狀數(shù)組的方法,需要的朋友可以參考下2014-03-03