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