- 综合排序
- 最热优先
- 最新优先
- 来自专栏采云轩
JS 图片压缩
前言 说起图片压缩，大家想到的或者平时用到的很多工具都可以实现，例如，客户端类的有图片压缩工具 PPDuck3， JS 实现类的有插件 compression.js ，亦或是在线处理类的 OSS 上传， 文件上传后，在访问文件时中也有图片的压缩配置选项，不过，能不能自己撸一套 JS 实现的图片压缩代码呢？ 压缩思路 涉及到 JS 的图片压缩，我的想法是需要用到 Canvas 的绘图能力，通过调整图片的分辨率或者绘图质量来达到图片压缩的效果，实现思路如下： 获取上传 Input 中的图片对象 File 将图片转换成 base64 格式 base64 编码的图片通过 Canvas 转换压缩，这里会用到的 Canvas 的 drawImage 以及 toDataURL 这两个 Api，一个调节图片的分辨率的，一个是调节图片压缩质量并且输出的 总结 本文仅针对图片压缩介绍了一些思路，简单的使用场景可能如下介绍，当然也会引申出来更多的使用场景，这些还有待大家一起挖掘。
32.4K21发布于 2020-04-27 - 来自专栏大宇笔记
JS 压缩混淆
概念介绍 昨天接到了一个任务，H5 app 的JS CSS 需要压缩，混淆。 然后怎么办呢？ 首先理解下压缩混淆是指什么 压缩 compress： 去掉空格，换行，注释等，格式紧凑，节约存储空间。 混淆 obfuscate/garble：替换变量名或方法名，让js不容易看懂。 也做到了压缩的效果。 加密 encrypt：一般用eval方法加密，效果与混淆相似。也做到了压缩的效果。 混淆加密：先混淆再加密。 百度一下js压缩，混淆会搜到一堆在线混淆加密的网页，但是这些都不是你想要的。 UglifyJS简介 UglifyJs 是一个js 解释器、最小化器、压缩器、美化器工具集（parser, minifier, compressor or beautifier toolkit）。
16.6K20发布于 2019-01-15 - 来自专栏OECOM
使用uglifyjs压缩js
在做的web项目上线时，我们需要对js文件进行压缩，以减小文件的体积，加快加载速度，提高响应时间。下面我来介绍一个js压缩工具：uglifyjs。 最简单的使用方式： uglifyjs main.js -o main-min.js -c 下面是一些压缩时常用的参数 一些常用的参数列表 -o,--output 指定输出文件，默认情况下为命令行 懒人有懒法，花了点功夫，折腾了一个批处理文件，以后，想要压缩JS，只要双击运行这个.bat文件就可以了！ 完整代码如下： @echo off :: 设置压缩JS文件的根目录，脚本会自动按树层次查找和压缩所有的JS SET JSFOLDER=C:\Users\Administrator\Desktop\formini 然后双击就可以批量使用uglifyjs压缩JS文件啦！ 注意：uglifyjs不支持ES6
6.8K20发布于 2020-07-01 - 来自专栏javascript技术
JS压缩（javascript minify）
什么是js压缩？js代码压缩，简称js压缩，英文叫作：javascript minifyjs压缩的作用js压缩主要有两个作用：1、压缩代码体积主要目的是提高代码传输效率。 2、增强代码安全性可以说，JS压缩也是一种JS混淆加密。你没听错，JS压缩，可以降底代码可读性。对于既要代码有一定安全性、又要代码体积小的需求而言，JS压缩，是个折中且不错的方案。 为什么压缩代码能具有混淆的效果，下面会讲。如何进行JS压缩当然是使用工具了。国内国外，在线的JS压缩小工具很多，一搜一大把，但质量差别很大。 众所周知，JShaman是国内JS混淆加密界的知名厂商。所以他们出品的JS压缩工具，品质信的过。下面简单使用教学：主要看有哪些功能，再看压缩率。功能配置：1、去除未使用的函数。 =2");压缩后：console.log("1=1"); console.log("2=2");5、变量使用转化为字符串直接引用例，压缩前的代码：var four_one = 4; var four_two
25810编辑于 2025-11-07 - 来自专栏web开发
Gulp实现css、js、图片的压缩以及css、js文件的MD5命名
目前做代码压缩合并的工具有很多，诸如gulp，webpack，grunt等等，可以说这些项目构建工具的功能非常之强大：图片压缩、图片转base64、css和js的压缩以及合并，文件的md5重命名 ……。 目前index.html文件中的css和js的引用路径是这样的，如下图： ? 其他目录下的html文件也是这样的，都引用的是未压缩和md5命名的css和js文件。 js文件，并生成md5后缀的js文件*/ gulp.task('compress-js',function (callback) { //- 创建一个名为compress-js的task ); }); }); /*压缩css文件，并生成md5后缀的css文件*/ gulp.task('compress-css', function(callback) { // 所有的css和js文件都加了md5命名了，所有的图片体积也小了，但用肉眼看不出来图片质量有变化。 此时dist目录下所有的html文件引用的css和js的引用路径都变成带有md5命名的了。
12.9K80发布于 2018-01-17 - 来自专栏javascript技术
用JS实现html压缩
要实现 HTML 压缩，可以使用 JavaScript 中的正则表达式来去除 HTML 中的空格和注释。 以下是一个简单的 HTML 压缩函数：function compressHTML(html) { // 去除注释 html = html.replace(/
7.7K30编辑于 2023-05-04 - 来自专栏Nodejs技术栈
详解 JS 压缩图片
插播一下，本文案例已整理成插件，已上传 npm ，可通过 npm install js-image-compressor -D 安装使用，可以从 github 下载。 JavaScript 操作压缩图片原理不难，已有成熟 API，然而在实际输出压缩后结果却总有意外，有些图片竟会越压缩越大，加之终端（手机）类型众多，有些手机压缩图片甚至变黑。 ? 转化为 base64 字符串形式： data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAYAAABccqhmAAAgAElEQVR4XuxdB5g 如果你有足够的耐心多传几种类型图片就会发现还存在如下问题： 压缩输出图片寸尺固定为原始图片尺寸大小，而实际可能需要控制输出图片尺寸，同时达到尺寸也被压缩目的； png 格式图片同格式压缩，压缩率不高，还有可能出现 将改进版图片压缩整理成插件，已上传 npm ，可通过 npm install js-image-compressor -D 安装使用，可以从 github 下载。 整理匆忙，如有问题欢迎大家指正，完～
15.3K31发布于 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了吧。
1.9K10编辑于 2024-10-12 - 来自专栏大冰块技术记录
MD5压缩解压
java.util.Map;import java.util.zip.DeflaterOutputStream;import java.util.zip.InflaterOutputStream;/** 压缩工具 compressData(flowData); data.put(key, flowData); data.put(ISCOMPRESSED_KEY, "Y"); } /** 压缩字符串
32110编辑于 2023-11-26 - 来自专栏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?
5.7K130发布于 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 -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 实际使用时，我用的环境是redhat5.x,python环境较为恶劣，slimit只兼容到python 2.7，于是单独做了一个”便携版本”，可以兼容到2.4，并且相关依赖也放到一起，下载即用：） https
6.9K20发布于 2020-01-13 - 来自专栏java系列博客
MD5压缩算法
package cn.com.test; /* 传入参数： 一个字节数组 * 传出参数： 字节数组的MD5结果字符集 */ public class MD5 { public static String getMD5 (byte[] source){ String s = null; //用来将字节转换成十六进制表示的字符 char hexDigits[] = {'0' ,'1', '2' , '3', '4' ,'5' ,'6', '7','8','9','a','b','c','d','e','f'}; try { java.security.MessageDigest md = java.security.MessageDigest.getInstance("MD5"); md.update(source); //MD5 的计算结果是一个128位的长整数 ,'@','#'}; System.out.println(MD5.getMD5(byarr)); } }
2.6K60发布于 2018-06-13 - 来自专栏前端专栏
用JS压缩上传的图片
现在网上的高清原图尺寸也有好几M甚至更大，而且现在手机像素高了拍出来的照片也特别大，所以有时候需要对用户上传图片时进行压缩处理。 图片压缩的原理：将图片重新画入到canvas画布里面，再将canvas转成图片的形式。 图片压缩js代码： function compressedImg(path, callback) { var img = new Image(); img.src = path; DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JS图片压缩</title> </head> <body onchange="selectImg(this)">
<script src="jquery-2.1.1.<em>js</em>
40.2K20编辑于 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.3K20发布于 2019-11-22 - 来自专栏全栈程序员必看
js解压gzip数据_gzip 压缩
GZIP压缩，GZIP解压需要用到 pako.js 文件： 使用方法： JS压缩和解压： var pako = require('../.. /utils/pako.min.js'); Page({ data: { }, onShow: function () { var key = 'absd'; var _data :[2]},{"addr":3,"productTypes":[3]}]},"success":true}'; var data = zip(_data); console.log("压缩 data:",data); console.log("解压压缩后的data:",unzip(data)); var time = new Date().getTime(); for function zip(str) { //escape(str) --->压缩前编码，防止中午乱码 var binaryString = pako.gzip(escape(str), {
10.1K10编辑于 2022-10-04 - 来自专栏友儿
简单用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.5K20编辑于 2023-10-21 - 来自专栏全栈程序员必看
性能优化之YUICompressor压缩JS、CSS
性能一直是项目中比较重要的一点，尤其门户网站，对页面的响应要求是很高的，从性能角度上来讲，对于Web端的优化其中重要的一点无疑是JS、CSS文件压缩，图片的融合，尽量减小文件的大小，必免占加载时占用过多的带宽 yuicompressor无疑是一个比较好的压缩工具，是yahoo的一个开源组件，下面介绍yuicompressor压缩JS、CSS文件，及在项目中的使用 yuicompressor介绍 1、首先需要从 压缩，指定压缩后的文件名为index-min.js。 /index.js -o /Users/longwentao/Downloads/index-min.js 压缩后在/Users/longwentao/Downloads/目录下多出一个index-min.js 文件 yuicompressor在项目中的应用 上面的压缩只是单个文件，对于批量文件是不适合的，因此需要写一个工具类，递归压缩指定文件夹中所的有js、css文件 在pom.xml文件中增加对
4.8K40编辑于 2022-09-09 - 来自专栏OECOM
html5前端图片压缩
如今手机像素越来越高，造成拍出来的照片越来越大，随便拍一张就好几兆，于是乎就有了一种需求就是压缩图片，在之前压缩图片的功能是在后台操作的，之后前端亦可以进行图片的压缩功能。 前端进行图片压缩的原理很简单，就是利用canvas来进行压缩，js将file框内的图片文件读取之后，按照比例绘制到canvas上，然后将canvas保存成图片即可实现了压缩功能。 200, 0,myorientation);//获得的路径是将图片转换成了base64 $("#myImage").attr("src",thumb); } } 至此，图片的压缩功能已经完全实现了
4.2K50发布于 2020-07-02 - 来自专栏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 PS:压缩CSS时，会影响JS和其他类型文件！！！ 压缩JS时，无问题，建议压缩哪类文件时单放置哪类文件！！！ class ZipJS { public static void main(String[] args) throws Exception { //文件存在目录 String dir = "D:\\js yuicompressor-2.4.jar")){ continue ; } String cmd = "java -jar yuicompressor-2.4.jar --type js
3.3K31发布于 2019-08-15 - 来自专栏前端人人
React多页面应用5(webpack生产环境配置,包括压缩js代码,图片转码等)
React多页面应用3(webpack性能提升,包括打包性能、提取公共包等)----2017.12.30 4.React多页面应用4(webpack自动化生成多入口页面)----2017.12.31 5. React多页面应用5(webpack生产环境配置,包括压缩js代码,图片转码等)----2018.01.01 6.React多页面应用6(gulp自动化发布到多个环境,生成版本号,打包成zip等)-- [chunkhash:8].js', chunkFilename: "js/[name]-[id]. z-index safe: true }, canPrint: true }), /*压缩 name=js/[name].
1.9K30发布于 2018-04-11
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号