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调用尽量放到网页底部