js压缩图片最低能压缩多百分之多少？把vars.js压缩为vars.rar压缩文件怎么操作

本文目录

• js压缩图片最低能压缩多百分之多少
• 把vars.js压缩为vars.rar压缩文件怎么操作
• 怎么用JS把文件压缩成zip-CSDN论坛
• 手机移动端html5、js如何实现视频上传并压缩视频质量，或者降低手机摄像头拍摄质量
• js代码压缩！
• 怎样将js 压缩成 jsgz 文件
• JS文件压缩优化后会影响文件本身执行吗
• 网站中有三个js文件大小超过100KB，超级影响加载速度，想问怎样优化
• 网站发布的时候批量混淆，压缩JS代码用什么工具
• 求一个js代码，有一个视频文件，怎样用一个按钮使一个视频可以不停的变大或变小，代码详情附图一张，

js压缩图片最低能压缩多百分之多少

js最低能压缩百分之一， 最大可放大至原来的5倍 2.最小可缩放至原来的百分之10 第二种保持图片宽度长度不变改变图片质量,但不能用于放大图片 最小可压缩至原图的百分之一

把vars.js压缩为vars.rar压缩文件怎么操作

利用winrar软件
1、打开需要压缩的图片文件，选中vars.js后，右击，选择“添加到压缩文件”。
2、软件弹出，压缩文件的提示对话框，在该对话框中可以设置“压缩的文件名，和压缩的文件格式比如（RAR,RAR5,ZIP等）还可以选择其压缩方式”。成功设置后，点击“确定”。
3、在当前活动窗口可以看到，已经压缩成功了，并能查看。

怎么用JS把文件压缩成zip-CSDN论坛

怎么用JS把文件压缩成zip-CSDN论坛
你可以将压缩包文件解压,再用Adobe Acrobat XI Pro软件,从多个文件生成PDF文件项处理。

手机移动端html5、js如何实现视频上传并压缩视频质量，或者降低手机摄像头拍摄质量

你好 HTML5和javascript是不能压缩视频的，只能把视频传到服务器端，由后端来压缩视频，也不能控制相机的拍摄质量，除非你用JAVA写Android客户端才可以压缩。希望我的回答能够帮助到你，如果还有什么疑问可以继续追问。

js代码压缩！

***隐藏网址***
这个站点里面有四个压缩引擎，一个YUI压缩，一个UglifyJS压缩，一个JSPacker压缩，和一个新的JsMin压缩。
一般用UglifyJS引擎压缩就可以。jQuery和好些其他的前端项目就是用他压缩的。
另外给个建议，你把你的JS文件用匿名函数的方式封装起来，对外只给一个接口。这样JS压缩引擎就可以把你匿名函数中不对外开放的内部变量名称都给替换成a,b,c,d这样的单字符，很能节省体积。

怎样将js 压缩成 jsgz 文件

html中内嵌js代码修改为外部调用的方法： 1，新建一个js文件，将html中之前的代码全部选中剪切到该js文件中。如下这个案例，就只剪切其中的alert("测试")。 alert("测试");2，在html中添加js文件调用代码

JS文件压缩优化后会影响文件本身执行吗

规范的js代码压缩后没有影响，体积会小很多。

不规范的js代码（如：少冒号，逗号.......等等），不压缩一般没问题，一旦压缩各种报错。

所以写代码尽量要规范。

网站中有三个js文件大小超过100KB，超级影响加载速度，想问怎样优化

1. 将你的JS文件进行压缩，百度一下，工具一把
2. 服务器端开启gzip压缩
3. 如果你是3个单独的JS，那么你可以合成1个文件，减少请求次数
4. 将你的《script》标签写在页面底部《body》标签结束之前
5. 检查你的js中是否存在特别耗时的逻辑，因为脚本加载时阻塞式的，它会加载完并执行完之后，才会加载其它资源，因此慢并不一定是文件大，也可能是文件执行花了很长时间
6. 如果还是觉得很慢，你可以使用动态加载，不要直接在页面中写《script》标签，而是动态创建一个《script》将该脚本引进来，这样的加载方式是非阻塞式的，不会影响其它资源加载。
7. 上面方法全用了，还是觉得很慢，那你应该检查你的服务器和网络情况，因为按理来说100多kb的脚本不至于慢到不可接受的地步。
8. 将页面中的资源分散到多个一级或二级域名，因为浏览器对同一个域名同时加载的资源数量是有限制的
9. 如果你还是觉得很慢，那就玩些高级玩意儿吧（如使用CDN加速等）
10. 上面方法都试过，还是不奏效？那我也没辙了，除非能现场分析。

网站发布的时候批量混淆，压缩JS代码用什么工具

此代码纯属装B用，就是js的各种类型间转换，记住js的数据类型（这里用到的）：);//就是‘t’

求一个js代码，有一个视频文件，怎样用一个按钮使一个视频可以不停的变大或变小，代码详情附图一张，

在 JS 中动态添加事件
在 JS 中动态添加事件，涉及到浏览器兼容性问题。结合我的实践经验以及从网上收集的一些资料，特整理在此，希望有点用。
方法一、setAttribute
var obj = document.getElementById("obj");
obj.setAttribute("onclick", "JavaScript:alert(’测试’);");
这里利用 setAttribute 指定 onclick 属性， 但是：用 setAttribute 设置 style、onclick、onmouseover 这些属性在 IE 中是行不通的。但是某些属性可以，以下是通过测试的一个例子:
如果你知道某个控件如select控件的name，但是这个控件并没有设置id属性，这时候在IE下测试发现如果仅仅通过控件的name是无法给它动态添加属性和事件的，因为W3C是允许name属性重复的。
function test(){
//通过tag，获得所有tagName为select的控件，返回的是一个select集合
var obj=document.getElementByTagName(“select”);
//通过obj.length获得select集合的个数，在挨个匹配name
for(var i=0;i《obj.length;i++){
//找到name为part的select控件
if(obj.name==’part’){
obj.setAttribute(“id”,”myid”);//为name为part的select控件设置id为myid
obj.setAttribute(“onchange”,myfunc); //为该控件设置onchange事件，即调用myfunc函数
}
}
}
function myfunc(){
alert(“test ok!”);
}
方法二、用 attachEvent 和 addEventListener
IE支持attachEvent
obj.attachEvent("onclick", Foo);
function Foo()
{
alert("测试");
}
也可写在一起
obj.attachEvent("onclick", function(){alert("测试");});
其它浏览器支持 addEventListener
obj.addEventListener("click", Foo, false);
function Foo()
{
alert("测试");
}
同样也可写在一起
obj.addEventListener("click", function(){alert("测试");}, false);
注意 attachEvent 的事件带 on，如 onclick，而 addEventListener 不带 on，如 click。
顺便说一下 addEventListener 的第三个参数（虽然很少用） useCapture - 如果为 true，则 useCapture
指示用户希望启动捕获。启动捕获后，所有指定类型的事件将在被指派到树中其下面的任何 EventTargets 之前指派给已注册的
EventListener。正在通过树向上 bubbling 的事件将不触发指定的使用捕获的 EventListener。
综合应用
var obj = document.getElementById("obj");
if(window.addEventListener){
//其它浏览器的事件代码: Mozilla, Netscape, Firefox
//添加的事件的顺序即执行顺序
obj.addEventListener(’click’, alert(’test1’), false);
obj.addEventListener(’click’, alert(’test2’), false);
} else {
//IE 的事件代码
obj.attachEvent(’onclick’, function(){alert(’test3’);});
obj.attachEvent(’onclick’, function(){alert(’test4’);});
}
方法三、事件 = 函数
例：obj.onclick = Foo;
这在多个浏览器中均支持，这是属于旧的规范（方法二属于 DOM2 的规范），不过由于使用方便，用的场合也比较多。
转载：getElementsByName和getElementByID
***隐藏网址***
以前经常使用document.getElementByID取得html里面ID标记的属性，昨天想当然使用
document.getElementByName（注意没有s），来获取name标记的属性，结果发现浏览器报错。查了查资料，才发现没有这个函数，
应该是getElementsByName。和document.getElementByID不同的是，前者返回的是一个name和ID的集合，因为
W3C是允许name属性重复的，也就是html标记可以使用同一个name名字，而后者返回了ID的第一个元素。所以
document.getElementsByName的使用方法往往是document.getElementsByName("***"),
等。document.getElementsByTagName, document.formName.elements
这类方法所得到的结果也都是集合。
《input type=checkbox value=2》2
《input type=checkbox value=1》1
《script language=”javascript”》
var arr = document.getElementsByTagName("input"); //取得所有input,返回就是数组.
alert(arr.value); //取第一个input的值.
《/script》
再给个例子：
一个Table中有7，8个tr，我需要动态的将其中4，5个tr
display=none/block。但是我又不想给每个tr都定义一个id，所以我想到了给这4，5个tr一个共同的name然后用
getElementsByName来返回一个数组，这样用循环操作每一个tr方便点，可是后来发现ie不支持。
如果只是 hide/show 操作的话，可以设一个独立 stylesheet，把同一 classname 的 object 设为
display:none。之后便可以透过改变这个 stylesheet 的 disabled property 改变属于这 classname 的
object 的 show/hide 状况。
《html》
《head》
《title》test《/title》
《/head》
《body》
《style id="abc-style"》
.abc {display: none}
《/style》
《h1 class=’abc’》test《/h1》
《script》
function toggle() {
var style = document.getElementById(’abc-style’);
style.disabled = !style.disabled;
}
《/script》
《P onclick="toggle()"》click me 《/p》
《/body》
《/html》
延伸思考：
比如说，你想得到所有class属性是"abc"的tr，用这个就可以了：
代码:
alltr = document.evaluate("//tr", document, null, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null);
for (var i = 0; i 《 alltr.snapshotLength; i++) {
tr = alltr.snapshotItem(i);
// do something with tr
}
***隐藏网址***
、、============================================
最简单的是这样：
《input type="button" onclick="alert(this.value)" value="我是 button" /》
动态添加onclick事件：
《input type="button" value="我是 button" id="bu"》
《script type="text/javascript"》
var bObj=document.getElementById("bu");
bObj.onclick= objclick;
function objclick(){alert(this.value)};
《/script》
如果使用匿名函数 function(){}，则如下面所示：
《input type="button" value="我是 button" id="bu"》
《script type="text/javascript"》
var bObj=document.getElementById("bu");
bObj.onclick=function(){alert(this.value)};
《/script》
上面的方法其实原理都一样，都是定义 onclick 属性的值。值得注意的是，如果多次定义
obj.onclick，例如：obj.onclick=method1; obj.onclick=method2;
obj.onclick=method3，那么只有最后一次的定义obj.onclick=method3才生效，前两次的定义都给最后一次的覆盖掉
了。
再看 IE 中的 attachEvent：
《input type="button" value="我是拉登" id="bu"》
《script type="text/javascript"》
var bObj = document.getElementById("bu");
bObj.attachEvent("onclick",method1);
bObj.attachEvent("onclick",method2);
bObj.attachEvent("onclick",method3);
function method1(){alert("第一个alert")}
function method2(){alert("第二个alert")}
function method3(){alert("第三个alert")}
《/script》
执行顺序是 method3 》 method2 》 method1 ，先进后出，与堆栈中的变量相似。需要注意的是attachEvent 中第一个参数是on开头的，可以是 onclick/onmouseover/onfocus 等等
据说(未经确认验证)在 IE 中使用 attachEvent 后最好再使用 detachEvent 来释放内存
再看看 Firefox 中的的 addEventListener：
《input type="button" value="我是布什" id="bu"》
《script type="text/javascript"》
var bObj = document.getElementById("bu");
bObj.addEventListener("click",method1,false);
bObj.addEventListener("click",method2,false);
bObj.addEventListener("click",method3,false);
function method1(){alert("第一个alert")}
function method2(){alert("第二个alert")}
function method3(){alert("第三个alert")}
《/script》
可以看到，在 ff 中的执行顺序是 method1 》 method2 》 method3 ， 刚好与 IE
相反，先进先出。需要注意的是 addEventListener 有三个参数，第一个是不带“on”的事件名称，如
click/mouseover/focus等。