cssjs壓縮工具下載

A. 「基金咨詢」web開發設計人員不可不用的在線web工具站和應用

web開發設計人員不可不用的在線web工具站和應用包括以下幾款：

1. jsfiddle：

   • 功能：老牌在線調試和共享代碼平台，支持JavaScript/CSS/HTML代碼的在線調試，並可方便地發布到社區、論壇或社交媒體。
   • 特點：整合多種類庫供選擇，便於快速搭建和測試代碼片段。

2. codepen：

   • 功能：在線調試和共享前端代碼的社區平台，可查看其他用戶的在線演示或代碼，並方便共享到其他站點或進行fork。
   • 特點：更側重於展示前端效果，適合發現和學習優秀的前端作品，包括HTML5、JavaScript、CSS3等。

3. gbdebug：

   • 功能：gb標簽社區整合的前端調試工具，便於社區內發問或展示jQuery代碼效果。
   • 特點：與GB社區內容緊密整合，可共享前端開發展示、模板或教程，並增加「在線調試」功能，便於在線閱覽和調試。

4. reFiddle+：

   • 功能：在線調試正則表達式工具，輸入數據和對應正則表達式後，可高亮顯示匹配結果。
   • 特點：直觀簡潔，適合正則表達式愛好者或開發者使用。

5. RubyFiddle：

   • 功能：在線調試Ruby代碼工具，類似於jsfiddle和codepen，但專注於Ruby代碼。
   • 特點：支持Vim或Emacs輸入方法，方便Ruby開發者在線調試代碼。

6. CSS3 generator：

   • 功能：CSS3代碼生成器，運用視差滾動方法展現內容，並提供自定義選項。
   • 特點：動態生成所需CSS3代碼，效果酷炫且實用。

7. HTML5Please：

   • 功能：了解如何正確使用HTML5相關技能的在線工具。
   • 特點：提供有用的信息和指導，幫助開發者正確使用HTML5技術。

8. DOMMonster：

   • 功能：DOM性能調試工具，可添加到書簽中，在需要調試的頁面點擊即可列出頁面性能問題。
   • 特點：方便易用，幫助開發者發現和解決DOM性能問題。

9. zBugs：

   • 功能：快速壓縮CSS/Javascript的在線工具，提供站點鏈接後，可下載並上傳相關文件進行壓縮。
   • 特點：簡化CSS/Javascript文件大小，提高網頁載入速度。

10. BuiltWith：

    • 功能：了解網站使用技術的在線工具，輸入站點地址後，可生成該站點使用的前後台技術及相關鏈接。
    • 特點：適合網站開發者、安全研究人員或黑客使用，以獲取網站技術信息。

B. Gulp 壓縮 CSS 和 JS，並添加 hash, 解決文件緩存問題

在進行項目打包時，壓縮CSS、JS以及HTML文件，並為文件添加哈希值，以解決伺服器文件緩存問題，這可以通過使用Gulp打包工具實現。以下是實現這一目標的步驟。

針對CSS文件的壓縮，可以使用Gulp插件`gulp-clean-css`。安裝命令為`npm install gulp-clean-css --save-dev`。

對於JS文件的壓縮，則推薦使用`gulp-terser`插件，安裝命令為`npm install gulp-terser --save-dev`。

HTML文件的壓縮可以通過`gulp-htmlmin`插件完成，安裝命令是`npm install gulp-htmlmin --save-dev`。

為了在CSS和JS文件名後綴生成哈希值，可以引入Gulp插件`gulp-rev`。安裝命令為`npm install gulp-rev --save-dev`。生成的`rev-mainifest.json`文件將存儲修改前後的文件映射關系，例如：`fileBeforeHash -> fileAfterHash`。

為了在HTML中將哈希文件名寫入，可以使用`gulp-rev-collector`插件，安裝命令為`npm install gulp-rev-collector --save-dev`。該插件會讀取所有的HTML文件，並將`rev-mainifest.json`中對應文件替換為添加哈希後的文件名。

在每次修改文件後，應先刪除舊版文件以避免內存浪費和文件混淆。這可以通過Gulp插件`gulp-clean`實現，安裝命令為`npm install gulp-clean --save-dev`。在每次打包文件前，應先執行刪除操作。

最後，創建Gulp任務，執行命令`gulp packCSSJS`，即可查看HTML文件中的CSS和JS引用已經更新為含有哈希值的文件名。

在使用`import ** from "plugin_name"`的ES6模塊語法時，需要在`package.json`文件中添加`"type": "mole"`，以避免出現錯誤"Cannot use import statement outside a mole"。

C. 如何壓縮網站里的css 和js文件 來減少空間的使用率，是網站打開速度加快

你好，個人建議從幾個方面入手：
1、在伺服器上啟用GZIP壓縮，添加css等靜態文件等。
2、把主頁、內容頁的CSS分開寫，公共部分單獨用一個CSS，這樣就可以減少CSS的大小。
3、優化CSS語法，並可以使用工具壓縮，但要注意用多個瀏覽器測試。
4、將一些JS調用盡量放到網頁底部