1、首先新建一个html文件，命名为test.html。
2、在test.html文件内,使用img标签创建一张图片显示，并设置其id属性为pic。
3、在test.html文件内,使用button标签创建一个按钮，按钮名称为“改变图片样式”。
4、在test.html文件内,给button绑定onclick点击事件，当按钮被点击时，执行cha()函数。
5、在test.html文件内,在js标签内，创建cha（）函数，在函数内，使用getElementById（）方法获得img元素对象，再使用setAttribute（）方法设置img对象的class属性为imagecss。
6、在test.html文件内,使用css定义imagecss的样式，设置为红色5px边框，宽度为300px，就可以了。
安装：cnpm install uglify-js –gcss
参数用法：
uglifyjsXX.js -o xx.min.js压缩
uglifyjsXX.js -m -o xx.min.js 混淆性压缩
uglifyjsxx.min.js –b –o xx.js 美化（反压缩） 文件
安装：
cnpm install minifier -g
用法:
minifier 是一个 nodejs 下的用于压缩 js 和 css 文件的插件。
minify index.js
则在当前文件夹下会生成一个index.min.js 的压缩的文件。css文件采用相同的命令进行压缩。
一般压缩都经过混淆，如果你看到变量名都是A,B,C,D之类的无规则的命名，那就是被混淆过的，一般来说也很难阅读，就算你 还原了格式。如果是没有混淆的，你可以试试用js的格式化工具来重新格式化一下的，比如：
/* 美化：格式化代码，使之容易阅读 */
/* 净化：去掉代码中多余的注释、换行、空格等 */
/* 压缩：将代码压缩为更小体积，便于传输 */
/* 解压：将压缩后的代码转换为人可以阅读的格式 */
/* 混淆：将代码的中变量名简短化以减小体积，但可读性差，经混淆后的代码无法还原 */
/* 如果有用，请别忘了推荐给你的朋友： */
/* javascript在线美化、净化、压缩、解压：http://tool.lu/js */
/* 以下是演示代码 */
var Inote = {}
Inote.JSTool = function(options) {
this.options = options || {}
}
Inote.JSTool.prototype = {
_name: 'Javascript工具',
_history: {
'v1.0': ['2011-01-18', 'javascript工具上线'],
'v1.1': ['2012-03-23', '增加混淆功能'],
'v1.2': ['2012-07-21', '升级美化功能引擎'],
'v1.3': ['2014-03-01', '升级解密功能，支持eval,window.eval,window["eval"]等的解密'],
'v1.4': ['2014-08-05', '升级混淆功能引擎'],
'v1.5': ['2014-08-09', '升级js压缩引擎'],
'v1.6': ['2015-04-11', '升级js混淆引擎']
},
options: {},
getName: function() {return this._name},
getHistory: function() {
return this._history}
}
var jstool = new Inote.JSTool()
