格式化和壓縮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
- js和css線上壓縮工具JSCSS
- css預重置樣式程式碼CSS
- Nginx網路壓縮 CSS壓縮 圖片壓縮 JSON壓縮NginxCSSJSON
- JavaScript的js檔案壓縮和格式化工具JavaScriptJS
- webpack css壓縮方案WebCSS
- css全域性樣式基礎程式碼CSS
- JS和CSS壓縮部署,提高訪問效率JSCSS
- 用ASP實現線上壓縮與解壓縮功能程式碼
- 實現CSS線上美化(格式化)、壓縮、加密、解密、混淆工具-toolfk程式設計師工具網CSS加密解密程式設計師
- css樣式初始化程式碼例項CSS
- 如何gulp壓縮,醜化程式碼
- 線上壓縮程式碼-定位錯誤
- 壓縮SQL SERVER日誌程式碼SQLServer
- 【BootStrap】圖片樣式、輔助類樣式和CSS元件 -附原始碼bootCSS元件原始碼
- CSS 背景樣式和列表CSS
- 數字按鈕分頁CSS樣式程式碼CSS
- 效能優化 (十一) ProGuard 對程式碼和資源壓縮優化
- webpack4.x css 壓縮WebCSS
- PHP動態壓縮js,cssPHPJSCSS
- [shell]vim格式化程式碼與塊縮排
- 走近原始碼:壓縮列表是怎樣煉成的原始碼
- linuxtar解壓和壓縮Linux
- 程式碼樣式
- css設定背景圖片樣式程式碼例項CSS
- CSS設定元素邊框樣式例項程式碼CSS
- 去除冗餘 – 精簡您的CSS樣式程式碼CSS
- 百度分頁樣式程式碼 css+c#CSSC#
- [小工具] 微信小程式程式碼壓縮器微信小程式
- 怎樣壓縮Docker映象的大小Docker
- 巧用Chrome格式化壓縮後的js檔案ChromeJS
- JPEG圖片的解碼和壓縮流程
- css樣式CSS
- jQuery使用css()方法改變元素樣式程式碼例項jQueryCSS
- js動態設定元素css樣式程式碼例項JSCSS
- CSS常見樣式和屬性CSS
- css禁止文字縮放程式碼例項CSS
- webpack4 css打包壓縮問題WebCSS