Uglifyjs(JS代码优化工具)入门 安装使用_基础知识

你也可以尝试一下在线版的Uglifyjs: http://sweet.fengyin.name/

需要先安装node,进入命令行,查看node,npm是否正确安装。

 

接下来安装UglifyJS,命令如:npm install uglify-js -g

 

最后别忘了把node和npm添加到环境变量中,我的分别是

C:\Program Files (x86)\nodejs\;

C:\Users\taozhou\AppData\Roaming\npm;

现在就可以使用uglifyjs就行压缩了,如

uglifyjs folder/dom.js -> folder/dom-min.js

会把目录folder下dom.js压缩,保存在同一个目录下。

详细参数参考: https://github.com/mishoo/UglifyJS

时间: 2024-09-12 06:04:24

Uglifyjs(JS代码优化工具)入门 安装使用_基础知识的相关文章

浅析JS操作DOM的一些常用方法_基础知识

getElementById(): 获取有指定惟一ID属性值文档中的元素 getElementsByName(name): 返回的是数组 getElementsByTagName(): 返回具有指定标签名的元素子元素集合 getAttribute(): 返回指定属性名的属性值 document.getElementsByTagName("a")[0].getAttribute("target"); setAttribute(): 添加指定的属性,并为其赋指定的值.

js创建对象的区别示例介绍_基础知识

A : var obj1 = obj2 = new Object(); 与 B : var obj1 = new Object(), obj2 = new Object(); 是两种不同的赋值方式,导致的结果也不一样,千万要注意喽- A 的 会将2个对象指向同一内存地址,导致两个对象的内容一致 var t1 = t2 = new Object(); t1.name = 'hello'; t2.name = 'kao'; t1.name = null; alert(t2.name); // 结果为

关于js原型的面试题讲解_基础知识

今天遇到关于javascript原型的一道面试题,现分析下: 原题如下: function A(){ } function B(a){ this.a = a; } function C(a){ if(a){ this.a = a; } } A.prototype.a = 1; B.prototype.a = 1; C.prototype.a = 1; console.log(new A().a); console.log(new B().a); console.log(new C(2).a);

js常用数组操作方法简明总结_基础知识

//javascript 中的数组分割 var colors = ["red","green","blue"]; //alert(colors.toString()); alert(colors.join("|")); //返回结果是red|green|blue var colors = ["red","green","blue",null]; alert(color

Javascript入门学习第五篇 js函数第1/2页_基础知识

1 ,函数: function是一个定义一次 却可以多次调用的js代码. 当一个函数被一个对象调用时,那么这个函数就叫做这个对象的方法. function cssrain( x , y) {  //code } 解释: cssrain  :  为函数名: ( )     :   为 运算符: x ,  y  :   为 参数: 2 ,函数的返回值: function a(x){     document.write(x); } function b(y){    document.write(y

Javascript入门学习第二篇 js类型第1/2页_基础知识

1,对象跟基本类型之间的转换: 不管何时,只是对象非空,在布尔环境中都为true. 如; new Boolean(false);  new Number(0); new String(""); new Array(); 上面虽然内部值是false,但对象的值是true; Object ? valueOf() ? toString() 其中Date类,是先执行toString()转换. 2,js中操作一个数据值: 任何语言都有自己的操作数据的方法: Js也不例外,js有3种重要的方式来操

JavaScript的Backbone.js框架入门学习指引_基础知识

1.简介最近在做一个大型网上银行项目前端的优化,需要使用一个胖客户端的优化,大概思路就是前端通过Ajax 请求去后端获取数据,以Jason的格式返回,然后显示在页面上.由于这个系统非常庞大,胖客户端方案难免需要在客户端写大量的JS代码.我想对于任何团队来说,大量的,非结构化的代码维护起来都非常的不方便.所以BackBone进入了我的视线. 它提供了一种途径可以让你结构化你的JS代码,让你以面向对象的方式来组织你的前端JS代码.这就好比我们在前端应用Domain Driven Design. 我们

Javascript入门学习第三篇 js运算第1/2页_基础知识

1, 表达式: 最简单的表达式:直接量或者变量名.var a =1; 直接量表达式的值:本身. 变量表达式的值:该变量所存放或引用的值. 2 , 运算符: 一元运算符: 比如  - 3  二元运算符: 比如  3+4  三元运算符: 比如  ?   :     新手常遇到的问题: 递增运算符: 比如: i  =  1 ; j  = ++ i ; // 前递增运算,即先对运算数进行递增,然后再去计算. //输出   i  =2;    j=2 ; i  =  1 ; j  =  i ++; // 

JavaScript 入门基础知识 想学习js的朋友可以参考下_基础知识

stringObject.charAt(index)方法:返回指定索引位置处的字符. stringObject.slice(start,[end])和stringObject.substring(start,[end])方法都接受两个参数,分别为子字符串的起始位置和终止位置,返回这两者之间的字符串,不包括终止位置的那个字符串.如果不指定第二个参数,则默认为字符串的长度,即从起始位置到字符串的末尾. [区别]这两个方法的区别主要是对于负数的处理不同.负数参数对于slice()而言是从字符串的末尾往