格式化和壓縮css樣式程式碼
這樣的程式碼一般出現的相關的工具中,下面就是能夠實現標題中功能程式碼。
一.格式化程式碼:
[JavaScript] 純文字檢視 複製程式碼//格式化程式碼 function formatCss(str){ str = str.replace(/\s*([\{\}\:\;\,])\s*/g, "$1"); str = str.replace(/;\s*;/g, ";"); //清除連續分號 str = str.replace(/\,[\s\.\#\d]*{/g, "{"); str = str.replace(/([^\s])\{([^\s])/g, "$1 {\n\t$2"); str = str.replace(/([^\s])\}([^\n]*)/g, "$1\n}\n$2"); str = str.replace(/([^\s]);([^\s\}])/g, "$1;\n\t$2"); return str; }
二.壓縮程式碼:
[JavaScript] 純文字檢視 複製程式碼//壓縮程式碼 function yasuoCss(str) { str = str.replace(/\/\*(.|\n)*?\*\//g, ""); //刪除註釋 str = str.replace(/\s*([\{\}\:\;\,])\s*/g, "$1"); str = str.replace(/\,[\s\.\#\d]*\{/g, "{"); //容錯處理 str = str.replace(/;\s*;/g, ";"); //清除連續分號 str = str.match(/^\s*(\S+(\s+\S+)*)\s*$/); //去掉首尾空白 return (str == null) ? "" : str[1]; }
相關文章
- CSS單行格式化與壓縮CSS
- Nginx網路壓縮 CSS壓縮 圖片壓縮 JSON壓縮NginxCSSJSON
- webpack css壓縮方案WebCSS
- 實現CSS線上美化(格式化)、壓縮、加密、解密、混淆工具-toolfk程式設計師工具網CSS加密解密程式設計師
- 用ASP實現線上壓縮與解壓縮功能程式碼
- 如何gulp壓縮,醜化程式碼
- CSS 背景樣式和列表CSS
- 效能優化 (十一) ProGuard 對程式碼和資源壓縮優化
- webpack4.x css 壓縮WebCSS
- linuxtar解壓和壓縮Linux
- 程式碼樣式
- 走近原始碼:壓縮列表是怎樣煉成的原始碼
- JPEG圖片的解碼和壓縮流程
- css樣式CSS
- Glide 4.9 原始碼分析(二) —— 取樣壓縮的實現IDE原始碼
- Vue 應用程式效能最佳化:程式碼壓縮、加密和混淆配置詳解Vue加密
- webpack4 css打包壓縮問題WebCSS
- CentOS中zip壓縮和unzip解壓縮命令詳解CentOS
- 001---css樣式規則及css字型樣式CSS
- 常用CSS樣式2:其它樣式CSS
- 常用CSS樣式1:文字樣式CSS
- 影片直播原始碼,CSS 修改捲軸樣式、信封邊框樣式原始碼CSS
- css字型樣式CSS
- css背景樣式CSS
- Sqlserver表和索引壓縮SQLServer索引
- 程式碼樣式檢查
- 匯入式CSS樣式CSS
- ionic2:專案壓縮後,wap或是apk開啟沒樣式APK
- 1.5 常用CSS樣式1:文字樣式CSS
- 1.6 常用CSS樣式2:其它樣式CSS
- 直播平臺原始碼,CSS 修改捲軸樣式、信封邊框樣式原始碼CSS
- 檔案壓縮和解壓縮
- WebKit Inside: CSS 樣式表解碼字符集WebKitIDECSS
- HTML實現線上程式碼格式化、美化、加密、解密、壓縮、一鍵轉JavaScript功能工具-toolfk程式設計師工具網HTML加密解密JavaScript程式設計師
- 圖片壓縮怎樣操作?分享幾種實用的批次圖片壓縮技巧
- Ceph Reef(18.2.X)之壓縮演算法和壓縮模式演算法模式
- Linux下各壓縮方式測試(壓縮率和使用時間)Linux
- LInux_壓縮和備份
- Impala之儲存和壓縮