- 综合排序
- 最热优先
- 最新优先
- 来自专栏Super 前端
压缩JS，提高代码执行速度
本文链接：https://ligang.blog.csdn.net/article/details/40981147 压缩JS java -jar yuicompressor-2.4.jar --type js xxx.js -o xxx.js --charset utf-8 压缩CSS java -jar yuicompressor-2.4.jar --type css xxx.css -o xxx.css (4) cmd /k start dir 会打开一个新窗口后执行dir指令，原窗口不会关闭。 PS:压缩CSS时，会影响JS和其他类型文件！！！ 压缩JS时，无问题，建议压缩哪类文件时单放置哪类文件！！！ class ZipJS { public static void main(String[] args) throws Exception { //文件存在目录 String dir = "D:\\js
3.6K31发布于 2019-08-15 - 来自专栏采云轩
JS 图片压缩
前言 说起图片压缩，大家想到的或者平时用到的很多工具都可以实现，例如，客户端类的有图片压缩工具 PPDuck3， JS 实现类的有插件 compression.js ，亦或是在线处理类的 OSS 上传， 文件上传后，在访问文件时中也有图片的压缩配置选项，不过，能不能自己撸一套 JS 实现的图片压缩代码呢？ 压缩思路 涉及到 JS 的图片压缩，我的想法是需要用到 Canvas 的绘图能力，通过调整图片的分辨率或者绘图质量来达到图片压缩的效果，实现思路如下： 获取上传 Input 中的图片对象 File 将图片转换成 缺点：只有 jpeg 、webp 支持原图尺寸下图片质量的调整来达到压缩图片的效果，其他图片格式，仅能通过调节尺寸来实现 代码实现 <template> <div class="container" sx、sy、swidth、sheight 这 4 个参数是用来裁剪源图片的，表示图片在 canvas 画布上显示的大小和位置。
34.5K21发布于 2020-04-27 - 来自专栏大宇笔记
JS 压缩混淆
概念介绍 昨天接到了一个任务，H5 app 的JS CSS 需要压缩，混淆。 然后怎么办呢？ 首先理解下压缩混淆是指什么 压缩 compress： 去掉空格，换行，注释等，格式紧凑，节约存储空间。 混淆 obfuscate/garble：替换变量名或方法名，让js不容易看懂。 百度一下js压缩，混淆会搜到一堆在线混淆加密的网页，但是这些都不是你想要的。 UglifyJS简介 UglifyJs 是一个js 解释器、最小化器、压缩器、美化器工具集（parser, minifier, compressor or beautifier toolkit）。 要注意，如果启用了压 缩，因为会移除不可达代码以及压缩连续声明，因此不是*所有*注释都能
17.3K20发布于 2019-01-15 - 来自专栏OECOM
使用uglifyjs压缩js
在做的web项目上线时，我们需要对js文件进行压缩，以减小文件的体积，加快加载速度，提高响应时间。下面我来介绍一个js压缩工具：uglifyjs。 -b,--beautify 美化代码格式的参数 -m,--mangle 改变变量名称（ex：在一些例如YUI Compressor压缩完的代码后你可以看到)a,b,c,d,e,f之类的变量 --comments 用来控制注释的代码的 如果压缩的时候想要保留版权信息，可以如下使用： uglifyjs main.js --comments -m -o main-min.js 当然， uglifyjs压缩批处理 我们不可能每次都打开cmd去键入压缩执行代码，容易写错不说（如上面那个结果图），还耗时，想想都会让人疯掉。 完整代码如下： @echo off :: 设置压缩JS文件的根目录，脚本会自动按树层次查找和压缩所有的JS SET JSFOLDER=C:\Users\Administrator\Desktop\formini
7.3K20发布于 2020-07-01 - 来自专栏javascript技术
JS压缩（javascript minify）
什么是js压缩？js代码压缩，简称js压缩，英文叫作：javascript minifyjs压缩的作用js压缩主要有两个作用：1、压缩代码体积主要目的是提高代码传输效率。 2、增强代码安全性可以说，JS压缩也是一种JS混淆加密。你没听错，JS压缩，可以降底代码可读性。对于既要代码有一定安全性、又要代码体积小的需求而言，JS压缩，是个折中且不错的方案。 为什么压缩代码能具有混淆的效果，下面会讲。如何进行JS压缩当然是使用工具了。国内国外，在线的JS压缩小工具很多，一搜一大把，但质量差别很大。 4、优化if、三元运算例，压缩前的代码：if(1==1){ console.log("1=1"); } else { console.log("1!=1"); } 2==2? _f,_f2,_f2);var _f3=6;var _f4="I am a bird";console.log(_f3,_f4);JS压缩，真实有用！
55710编辑于 2025-11-07 - 来自专栏CSDN博客专家-小蓝枣的博客
JavaScript 技术篇 - 实现一键压缩、格式化js代码实例演示，将js代码压缩为min.js方法，Notepad++工具JSTool插件安装
上面的 JSMin 可以实现代码压缩： JSTool插件安装方法： 第一步：安装 Plugin Manager 点开菜单的插件，看看有没有 Plugin Manager 这个选项，有的话可以跳过这一步
4.2K20编辑于 2022-05-07 - 来自专栏javascript技术
用JS实现html压缩
要实现 HTML 压缩，可以使用 JavaScript 中的正则表达式来去除 HTML 中的空格和注释。 以下是一个简单的 HTML 压缩函数：function compressHTML(html) { // 去除注释 html = html.replace(/
8.4K30编辑于 2023-05-04 - 来自专栏Nodejs技术栈
详解 JS 压缩图片
插播一下，本文案例已整理成插件，已上传 npm ，可通过 npm install js-image-compressor -D 安装使用，可以从 github 下载。 格式图片，转化为 base64 字符串形式： data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAYAAABccqhmAAAgAElEQVR4XuxdB5g 但只要有代码在引用对象 URL，内存就不会释放。要手工释放内存，可以把对象 URL 传给 window.revokeObjectURL()。 options.convertSize && options.mimeType === 'image/png') { options.mimeType = 'image/jpeg'; } // 省略一些代码 将改进版图片压缩整理成插件，已上传 npm ，可通过 npm install js-image-compressor -D 安装使用，可以从 github 下载。 整理匆忙，如有问题欢迎大家指正，完～
16.4K31发布于 2020-09-17 - 来自专栏javascript技术
“js加密”和“js压缩”有什么不同？
问：“js加密”和“js压缩”有什么不同？答：“js加密”是让js代码变的看不懂；“js压缩”是让js代码变的更小。 例：一句js代码：var name_age = "tom" + 18;用JShaman进行“js加密”，会变成：var _0x186fc6="\u0074\u006f\u006d"+(0x88155^0x88147 );而如果用JShaman进行“js压缩”，会变成：var _n="tom18";“js加密”和“js压缩”的不同，相信你get了吧。
2.6K10编辑于 2024-10-12 - 来自专栏javascript技术
JS代码压缩，减小体积、提高执行效率，真实有效！
JS压缩，可以有效减小代码体积、提高代码执行效率！具体压缩率有多高？能提升多少执行效率呢？本文用实测的方式给出答案。一、JS压缩工具这里使用的是一款在线使用的JS压缩工具，如下图：二、如何使用？ 该工具使用很简单：输入JS代码、执行压缩、得到压缩后的JS代码。有配置选项，一般用默认就可以了，如下图：三、实测压缩效果下 面，通过几个实例，测试压缩率、执行效率。 ：0.3%测试3用AI写一段代码：JS代码：// ============================================================// JS代码压缩测试Demo __demo={calc,dog,processed,status,counter};}最后，再实测一下执行效率：注：使用上面第三次示例压缩前后的JS代码；测试环境：NodeJS。 第一次测试：压缩前的代码：压缩后的代码：第二次测试：压缩前的代码：压缩后的代码：第三次测试：压缩前的代码：压缩后的代码：第四次测试（在浏览器中）：由测试可知，JS压缩可减小代码体积、提升执行效率，真实有效
18510编辑于 2026-08-07 - 来自专栏deepcc
sublime text2之js压缩-Js Minifier
一款基于Google Closure compiler压缩Js文件插件。 快捷键: Ctrl+Alt+M 当前文件内压缩Js代码（不推荐） Ctrl+Alt+Shift+M 压缩Js并生成压缩文件 *.min.js 安装成功重启，如果报错，在配置里改一个参数 ，"compiler": "uglify_js", { // the closure compiler adds new lines every 500 characters // for WHITESPACE_ONLY", // the compiler to use for minification. // Accepted values are: google_closure|uglify_js "compiler": "uglify_js", // when you create a file you want to automatically open it?
6.1K130发布于 2018-05-16 - 来自专栏python3
python版js压缩工具
发现一个好用的python版js压缩工具 Posted on 2012年09月18日 by 空华叔 · Leave a comment https://github.com/rspivak/ slimit 灰常好的工具，压缩比高，代码兼容性好，可媲美主流压缩工具~ 做了下简单的benchmark: #raw 256K jquery-1.8.1.js #download from jquery.com 92K jquery-1.8.1.min.js 36K jquery-1.8.1.min.js.gz #http://closure-compiler.appspot.com 84K jquery -1.8.1.google.advanced.js 32K jquery-1.8.1.google.advanced.js.gz 92K jquery-1.8.1.google.simple.js jquery-1.8.1.yui.js 24K jquery-1.8.1.yui.js.gz #slimit 96K jquery-1.8.1.slimit.js 36K jquery-1.8.1
7.2K20发布于 2020-01-13 - 来自专栏极客慕白的成长之路
JavaScript代码压缩细节
前言 对于Javascript来说，提高网络下载的性能最直接的方法就是把JS文件体积减小。 为了方便理解和对比，本文会给出压缩前后代码作为参考，但压缩后的代码仍会换行，变量名字不做混淆处理，同时一个压缩规则的例子会尽量不混其它压缩策略进去。 1. (typeof A); "AB";var expr = "str"; 4. while压缩 规则4.1 去除根本不会执行的while循环、将循环巧妙变化节省字符 压缩前 while(false){ (true)转换成for(;;)节省4个字符 C(); D(); } 1234 //while(false)被压缩忽略掉 C){ D(); } 规则7.3 尝试反转if/else分支，看看生成代码是否更短 尝试对if条件取非，如果能得到更短的代码，那就反转if/else分支。 压缩前 if (!
1.7K20发布于 2018-08-03 - 来自专栏前端专栏
用JS压缩上传的图片
图片压缩js代码： function compressedImg(path, callback) { var img = new Image(); img.src = path; canvas.toDataURL('image/jpeg', quality); // 回调函数返回base64的值 callback(base64); } } 预览图片及压缩代码 DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JS图片压缩</title> </head> <body showImg').attr("src", replaceSrc); }; reader.readAsDataURL(file.files[0]); } //图片压缩代码 上传压缩图片ajax部分代码: //dataURL转成Blob对象 function dataURLtoBlob(dataURI) { var byteString = atob(dataURI.split
41.4K20编辑于 2022-06-09 - 来自专栏大猪的笔记
js笔记：字符串压缩
使用lz-string包可以进行字符串压缩。 导入包： <script type="text/javascript" src="/static/<em>js</em>/lz-string.min.<em>js</em>"></script> <script type
9.7K20发布于 2019-11-22 - 来自专栏thinkphp+vue
Nginx 静态压缩和代码压缩，提高访问速度！
T_T 对于这个问题，咋们今天就从代码压缩 + nginx 静态资源压缩，两个方面进行研究解决！！！ nginx 静态资源动态压缩的原理，无非就帮我们将 js、css 等文件，压缩为一个.gz 文件，然后传输给前端浏览器，进行解析。 说到这，咋们不禁会说：那咋们先将 js、css 等文件，生成对应的.gz 文件，不就不需要 nginx 动态压缩了嘛？ 好像是这么一回事！！！ 天才呀！！！ compression-webpack-plugin -D 复制代码 vue.config.js const CompressionWebpackPlugin = require('compression-webpack-plugin ^_^ 源码附件已经打包好上传到百度云了，大家自行下载即可～ 链接: https://pan.baidu.com/s/14G-bpVthImHD4eosZUNSFA?
2.3K20编辑于 2022-05-26 - 来自专栏前端真相
js基础（4）
4. toString（）会自动被调用，所有对象都有该方法。 5. JavaScript一切皆是对象：函数、日期、正则表达式、数字型、布尔型等等。 6. 声明自动提前：var、function。
91370发布于 2018-05-22 - 来自专栏用户7873631的专栏
JS继承4
console.log("run"); } let per = new Person(); per.run(); /* 1.js
3.2K30发布于 2020-10-28 - 来自专栏友儿
简单用php压缩css、js输出
所谓的压缩，无非就是把换行空格等符号替换为空 css <? /test1.css ob_end_flush(); //浏览器打开，输出压缩后的内容 ?> js <? x-javascript; charset: UTF-8"); header("cache-control: must-revalidate"); $offset = 60 * 60 * 24; //js 文件一'); //例如当前PHP文件下的main.js include('js文件二'); //复制调用更多JS文件 if (extension_loaded('zlib')) { ob_end_flush (); //输出压缩后的内容 } ?
1.9K20编辑于 2023-10-21 - 来自专栏大前端（横向跨端 & 纵向全栈）
Webpack中压缩代码文件
在开发完成后，代码正式上线都需要对代码进行压缩，这样代码资源会变的更小，访问速度也会变的更快。 1. 压缩JS文件 在Webpack 4.x以上版本以上内置了uglifyjs-webpack-plugin 插件，会对JS文件自动压缩，不需要做其它的任何操作。 压缩CSS文件 由于 css-loader 在1.0版本以后，去掉了设置参数，所以在打包的时候是没有办法通过设置参数的方式去压缩。 /src/index.js', search: '. /src/index.js', search: '.
2.4K41编辑于 2023-01-05
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号