首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏采云轩

    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、去除未使用的函数。 is four_three";_f=5;console.log(4,_f,_f2,_f2);var _f3=6;var _f4="I am a bird";console.log(_f3,_f4);JS

    25810编辑于 2025-11-07
  • 来自专栏爱可生开源社区

    11期:压缩

    {MYD,MYI} 3539537 116M -rw-r----- 1 mysql mysql 116M 3月 31 11:46 n1.MYD 3539536 1.4M -rw-r----- 1 mysql mysql 1.4M 3月 31 11:48 n1.MYI 对 MyISAM 表的压缩,MySQL 通过自带程序 myisampack 来压缩,仅仅压缩表数据,不对索引进行压缩。 {MYD,MYI} 3539542 31M -rw-r----- 1 mysql mysql 31M 3月 31 11:46 n1.MYD 3539536 1.4M -rw-r----- 1 mysql mysql 1.4M 3月 31 11:48 n1.MYI MyISAM 压缩表非常适合只读的场景! 压缩率大约为 50% root@ytt-pc:/var/lib/mysql/3304/ytt# ls -sihl 总用量 11M 3539513 11M -rw-r----- 1 mysql mysql

    72320发布于 2020-08-21
  • 来自专栏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,然而在实际输出压缩后结果却总有意外,有些图片竟会越压缩越大,加之终端(手机)类型众多,有些手机压缩图片甚至变黑。 ? 如果你有足够的耐心多传几种类型图片就会发现还存在如下问题: 压缩输出图片寸尺固定为原始图片尺寸大小,而实际可能需要控制输出图片尺寸,同时达到尺寸也被压缩目的; png 格式图片同格式压缩压缩率不高,还有可能出现 ,压缩率不高,还有可能出现“不减反增”现象 一般的,不建议将 png 格式图片压缩成自身格式,这样压缩率不理想,有时反而会造成自身质量变得更大。 将改进版图片压缩整理成插件,已上传 npm ,可通过 npm install js-image-compressor -D 安装使用,可以从 github 下载。 整理匆忙,如有问题欢迎大家指正,完~

    15.3K31发布于 2020-09-17
  • 来自专栏悠扬前奏的博客

    Kafka-11.设计-日志压缩

    日志压缩可以保证Kafka总是最少保留单个主题分区的数据日志中的每个消息的key的最后的已知值。 让我们更详细的介绍这些情况,然后描述是如何压缩的: 到目前为止,我们仅描述了简单一些的数据保留方法,其中旧的日志数据在固定时间段或者当日志达到某个预定大小时被丢弃。

    74340发布于 2019-06-19
  • 来自专栏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
  • 来自专栏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 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

    6.9K20发布于 2020-01-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
  • 来自专栏贾志刚-OpenCV学堂

    使用NNCF(神经网络压缩框架)量化与压缩YOLO11

    同时NNCF不光支持CNN系列模型的压缩与量化,还支持大模型(包含LLM与VLM)压缩与量化转换。 训练后压缩量化支持以下算法: 从中可以看出,先把模型转换为OpenVINO的IR格式以后会比直接用ONNX格式模型获取更多压缩算法支持,比如:权重压缩支持。 训练后量化(PTQ)YOLO系列INT8 这里以YOLO11为例,实现自定义YOLO11对象检测模型的训练后量化,通过PTQ在维持精度的同时大幅提升推理速度。 模型权重压缩 OpenVINO、Pytorch格式支持直接读取然后转换为INT8权重压缩格式实现模型量化,从而加速推理性能,权重压缩量化支持对称与非对称模式,支持INT8与INT4模式。 还是以YOLO11为例, 权重压缩INT8对称模式: 权重压缩INT8非对称模式 运行对比 CPU 酷睿i7 11th 直接同步推理模式下: 使用FP32的流水线异步推理 使用INT8量化版本的YOLO11

    11410编辑于 2026-04-02
  • 来自专栏友儿

    简单用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
  • 来自专栏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
  • 来自专栏VBA 学习

    VBA解压缩ZIP文件11——存在问题

    3、碰上压缩文件中有太大的文件的话,内存申请肯定会有问题,因为程序是把压缩数据、解压后数据直接存储在内存中的。 4、如果压缩文件中有超过2G的,会溢出Long类型,文件读取也会出问题 第2个问题是因为Huffman树的节点使用的是类模块,在内存释放上有点问题,目前没找到原因。

    98830发布于 2020-08-04
  • 来自专栏菜鸟计划

    webpack学习(六)打包压缩js和css

    打包压缩js与css 由于webpack本身集成了UglifyJS插件(webpack.optimize.UglifyJsPlugin)来完成对JS与CSS的压缩混淆,无需引用额外的插件, 其命令webpack -p即表示调用UglifyJS来压缩代码,还有不少webpack插件如html-webpack-plugin也会默认使用UglifyJS。 uglify-js的发行版本只支持ES5,如果你要压缩ES6+代码请使用兼容开发分支。 /src/js/main.js' }, output: { filename: "[name]-[hash].js", path: __dirname + limit=8192' } ] }, resolve:{ extensions:['.js','.css','.json'

    5.4K60发布于 2018-04-10
领券