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

    JS 图片压缩

    前言 说起图片压缩,大家想到的或者平时用到的很多工具都可以实现,例如,客户端类的有图片压缩工具 PPDuck3, JS 实现类的有插件 compression.js ,亦或是在线处理类的 OSS 上传, 文件上传后,在访问文件时中也有图片的压缩配置选项,不过,能不能自己撸一套 JS 实现的图片压缩代码呢? 压缩思路 涉及到 JS 的图片压缩,我的想法是需要用到 Canvas 的绘图能力,通过调整图片的分辨率或者绘图质量来达到图片压缩的效果,实现思路如下: 获取上传 Input 中的图片对象 File 将图片转换成 base64 格式 base64 编码的图片通过 Canvas 转换压缩,这里会用到的 Canvas 的 drawImage 以及 toDataURL 这两个 Api,一个调节图片的分辨率的,一个是调节图片压缩质量并且输出的 总结 本文仅针对图片压缩介绍了一些思路,简单的使用场景可能如下介绍,当然也会引申出来更多的使用场景,这些还有待大家一起挖掘。

    34.5K21发布于 2020-04-27
  • 来自专栏大宇笔记

    JS 压缩混淆

    概念介绍 昨天接到了一个任务,H5  app 的JS CSS 需要压缩,混淆。 然后怎么办呢? 首先理解下压缩混淆是指什么 压缩 compress: 去掉空格,换行,注释等,格式紧凑,节约存储空间。 混淆 obfuscate/garble:替换变量名或方法名,让js不容易看懂。 百度一下js压缩,混淆会搜到一堆在线混淆加密的网页,但是这些都不是你想要的。 UglifyJS简介 UglifyJs 是一个js 解释器、最小化器、压缩器、美化器工具集(parser, minifier, compressor or beautifier toolkit)。 --screw-ie8 是否要支持IE6/7/8。UglifyJS默认不兼容IE。

    17.3K20发布于 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

    7.3K20发布于 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、去除未使用的函数。 :var five_one = 6; var five_two = "I am a bird"; console.log(five_one, five_two);7、变量名变短。

    55710编辑于 2025-11-07
  • 来自专栏linux教程

    IIS7js文件启用Gzip后却不压缩怎么解决?

    IIS7已经启用静态文件压缩(Gzip)但是死活不压缩,查找后发现是II7下MIME类型设置问题   将.js的MIME类型设置为application/javascript   再查看页面,已经启用了 不过,几个天后又发现有的js文件被压缩,有的却没有   查找原因发现是引用js文件是没有设置type   加上type=”text/javascript”类型后问题解决。 IIS7中启用JS压缩的方法   先打开IIS管理,选择我要设置的站点,然后在右边的功能区找到MIME TYPES看看里面是否有.JS的选项,如果没有可以手功加上   有的话把.js的值设置成:application /x-javascript记住不能少并x-有的网友介绍是application/javascript   偶在WIN2008+IIS7下试过,如果不加x-也是不会压缩的。    当然最好在上传JS前对JS进行一次压缩这样效果会更好啦。 可以到网上找找TBCompressor工具,这个工具压缩不错   只不过需要你的JS写的标准,不然会出错,分析不了你的JS语法就压缩不了

    2.1K30编辑于 2023-04-26
  • 来自专栏linux教程

    Windows2008系统IIS7启用JS的gzip压缩教程

    IIS7中支持了对静态和动态文件的压缩功能,但是对于JS文件的压缩需要进行一些简单的设置。 记住不能少并x-有的网友介绍是application/javascript   有在WIN2008+IIS7下试过,如果不加x-也是不会压缩的。    当然最好在上传JS前对JS进行一次压缩这样效果会更好啦。 可以到网上找找TBCompressor工具,这个工具压缩不错   只不过需要你的JS写的标准,不然会出错,分析不了你的JS语法就压缩不了   IIS7js文件启用Gzip后却不压缩的解决方法   IIS7 已经启用静态文件压缩(Gzip)但是死活不压缩,查找后发现是II7下MIME类型设置问题   将.js的MIME类型设置为application/javascript   再查看页面,已经启用了Gzip

    1.5K30编辑于 2023-04-26
  • 来自专栏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 下载。 JavaScript 操作压缩图片原理不难,已有成熟 API,然而在实际输出压缩后结果却总有意外,有些图片竟会越压缩越大,加之终端(手机)类型众多,有些手机压缩图片甚至变黑。 ? 如果你有足够的耐心多传几种类型图片就会发现还存在如下问题: 压缩输出图片寸尺固定为原始图片尺寸大小,而实际可能需要控制输出图片尺寸,同时达到尺寸也被压缩目的; png 格式图片同格式压缩压缩率不高,还有可能出现 ,压缩率不高,还有可能出现“不减反增”现象 一般的,不建议将 png 格式图片压缩成自身格式,这样压缩率不理想,有时反而会造成自身质量变得更大。 将改进版图片压缩整理成插件,已上传 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
  • 来自专栏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
  • 来自专栏Live专区

    Centos7压缩解压命令

    FileName.tar 打包 tar cvf FileName.tar DirNam 02-.gz格式 解压1 gunzip FileName.gz 解压2 gzip -d FileName.gz 压缩 gzip FileName 03-.tar.gz格式 解压 tar zxvf FileName.tar.gz 压缩 tar zcvf FileName.tar.gz DirName 04-.bz2格式 FileName.bz2 解压2 bunzip2 FileName.bz2 压 缩 bzip2 -z FileName 05-.tar.bz2格式 解压 tar jxvf FileName.tar.bz2 压缩 12-.zip格式 解压 unzip FileName.zip 压缩 zip FileName.zip DirName 13-.lha格式 解压 lha -e FileName.lha 压缩 lha -a FileName.lha FileName 14-.rar格式 解压 rar a FileName.rar 压缩 rar e FileName.rar

    4.5K30编辑于 2022-08-16
  • 来自专栏前端专栏

    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>

    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
  • 来自专栏Live专区

    360压缩大师-zip7zrar极速压缩解压工具

    软件介绍 360压缩,2亿用户都在用的压缩软件。这是一款由360推出的解压缩软件,功能强大、简单易用、快速轻巧、兼容性强、完美支持中文解压(无乱码)、且无任何广告。 【简单易用】极简设计,支持快捷压缩/解压 【加密压缩】支持加密压缩,文件更安全 【直接拖拽】拖拽文件,直接进行压缩或解压 【多文件压缩】支持多文件同时一键压缩,操作效率更高 【中文无乱码】通过特定技术方案 ,解决macOS系统对中文支持出现乱码的问题 【暗黑模式】支持苹果暗黑模式,体验更佳 【自定义设置】支持度压缩率、压缩速度、压缩体积、压缩格式自定义设置,满足不同文件压缩需求 下载地址:App Store

    86010编辑于 2022-08-16
  • 来自专栏友儿

    简单用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
  • 来自专栏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.6K31发布于 2019-08-15
  • 来自专栏游戏杂谈

    7z压缩与解压命令

    在写很多工具的时候,可能会用到7z命令来进行压缩与解压操作。这里记录二个比较常用的操作:压缩、解压。 在dos窗口下输入7z命令,会显示7z的使用参数详情: 7-Zip 9.10 beta  Copyright (c) 1999-2009 Igor Pavlov  2009-12-22 Usage wildcard}: eXclude filenames   -y: assume Yes on all queries 必选参数:最常用的命令有a(压缩)、x(解压),其它的命令诸如删除 可选参数:最常用的就是-t{Type} Type默认值为7z,还有其它的如: Type Format Example filename -t7z 7Z archive.7z(默认) -tgzip GZIP x -tzip -y xx-13.zip (解压到当前目录,如需改变输出目录,需要附加使用-o) 压缩命令:7z a -tzip -r xx.zip a\* b\* 将目录a、目录b,压缩成一个xx.zip

    12.2K20发布于 2018-11-19
  • 来自专栏人工智能领域

    开源的文件压缩和解压缩软件7-Zip

    7-Zip是一款开源的文件压缩和解压缩软件,它支持多种压缩格式,包括自有的7z格式以及常见的ZIP、RAR、TAR等格式。下面是对7-Zip的详细介绍,包括其功能特点、使用方法、优缺点等方面的内容。 官网:7-Zip 1. 功能特点: 多种格式支持: 7-Zip支持压缩和解压缩多种格式的文件,包括7z、XZ、BZIP2、GZIP、TAR、ZIP和WIM等。 高压缩比: 7-Zip使用LZMA和LZMA2压缩算法,这些算法通常能够提供较高的压缩比,从而节省存储空间。 分卷压缩和自解压功能: 7-Zip支持将大文件分卷压缩成多个小文件,并且可以创建自解压的压缩包,方便在没有安装压缩软件的环境中解压缩文件。 命令行操作: 在命令行中使用7-Zip提供的命令进行压缩和解压缩操作,具体命令及参数可以通过7-Zip的官方文档查看。 3.

    2.8K10编辑于 2024-12-18
  • 来自专栏睡不着所以学编程

    node.js(7)

    终于弄得差不多了,现在好好梳理一下: 首先是新建一个项目,初始化以后,开始写jwt.js 首先还是导入和配置模块 定义密钥,随便什么都可以,用于加密 登录接口 失败就返回失败的信息,登录成功的话就将

    32510编辑于 2022-09-20
领券