当前位置:  编程技术>WEB前端
本页文章导读:
    ▪js混淆代码还原-js反混淆:利用js进行赋值实现      方法一:利用IE开发人员工具(IE8开始已经自带,IE7以前需要下载安装IE Developer Toolbar)进行反混淆,本人常用Chrome,但是没有找到利用Chrome自带的开发人员工具去实现反混淆的方法。。。希.........
    ▪JQuery的使用方法汇总(2)——JQuery选择器      上一篇文章介绍了JQuery的入门和使用,从本篇文章开始,我们就正式的进入到了JQuery的世界。 前言 本文主要介绍JQuery选择器,为什么首要介绍这个东西呢?因为后续一系列操作都会用到这.........
    ▪观察者模式的Javascript实现方式      var global = window;(function(ns, base){function EventPublisher(){this.observers = {};}EventPublisher.prototype = {//registerbind: function(name, observer){var observers = this.observers[name] || ( this.observers[name] = [] );var isbind = observer &.........

[1]js混淆代码还原-js反混淆:利用js进行赋值实现
    来源: 互联网  发布时间: 2013-10-22

方法一:利用IE开发人员工具(IE8开始已经自带,IE7以前需要下载安装IE Developer Toolbar)进行反混淆,本人常用Chrome,但是没有找到利用Chrome自带的开发人员工具去实现反混淆的方法。。。希望哪位园友知道告知。。。

不罗嗦,直接上图

 

 

 

 

方法二:代码实现(ps.好吧,作为部分开发人员的普遍幽怨,很多开发者最希望的还是使用自己开发的东西,恨不得OS都是自己折腾的,本人自己实现的时候就是先实现了方法二,再去用了一下IE。。。-_-||| )

 

先贴一个混淆后的测试代码

eval(function(p,a,c,k,e,d){e=function(c){return(c<a?"":e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)d[e(c)]=k[c]||e(c);k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1;};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p;}('1("0-6");2 4(){1("0-5")}8 3=2(){1("0-7")};4();3()',9,9,'忧郁的匹格|alert|function|b|a|反混淆测试2|反混淆测试1|反混淆测试3|var'.split('|'),0,{}))

 

 

开始实施: www.2cto.com

1.新建一个网页xxx.html

2.加入一个div容器id="divTest"

3.最关键的一步--赋值执行:(在上面混淆的代码中,将eval()中的内容提取出来赋值(或直接打印)给document.getElementById('divTest').innerText )

document.getElementById('divTest').innerText=function(p,a,c,k,e,d){e=function(c){return(c<a?"":e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)d[e(c)]=k[c]||e(c);k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1;};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p;}('1("0-6");2 4(){1("0-5")}8 3=2(){1("0-7")};4();3()',9,9,'忧郁的匹格|alert|function|b|a|反混淆测试2|反混淆测试1|反混淆测试3|var'.split('|'),0,{})

 

 

打开xxx.html 显示结果:(反混淆后的代码已经被压缩了,去掉了换行等字符)

alert("忧郁的匹格-反混淆测试1");function a(){alert("忧郁的匹格-反混淆测试2")}var b=function(){alert("忧郁的匹格-反混淆测试3")};a();b()

 

经过本人测试发现使用packed这个混淆过的js都可以使用这个方法还原,找了几个项目里面混淆过的js都可以还原,只是去掉了换行符,不知道其它方法混淆的js可不可以用,理论上应该可以吧,本人未测试,有兴趣的朋友可以试一下

作者:Orehs 发表于2013-1-8 13:10:05 原文链接
阅读:0 评论:0 查看评论

    
[2]JQuery的使用方法汇总(2)——JQuery选择器
    来源: 互联网  发布时间: 2013-10-22

上一篇文章介绍了JQuery的入门和使用,从本篇文章开始,我们就正式的进入到了JQuery的世界。


前言


本文主要介绍JQuery选择器,为什么首要介绍这个东西呢?因为后续一系列操作都会用到这个家伙。

如果有人问你为什么要选择JQuery时,你大可告诉他说:JQuery这个家伙的选择器太强大,我基本可以通过选择器获取到页面的任何一个元素,也可以操作任何一个元素。

这就是为什么一旦进入JQuery的世界,我们就要认识它——JQuery选择器。


JQuery语法


为了更好的铺垫后续的内容,本文首先介绍下JQuery语法。

JQuery 语法是为 HTML 元素的选取编制的,可以对元素执行某些操作。

上篇文章的例子其实已经涵盖了JQuery的语法,比如:

$("a").click(function(event){
              alert("Welcome to Xue's Blog!");
           });

我们可以看到基本的语法如下:

美元符号$——定义JQuery
选择符("a")——“查询”和“查找” HTML 元素
JQuery 的click抽象为action()—— 执行对元素的操作

比如$(this).hide();//隐藏当前对象

总而言之,JQuery 使用的语法是 XPath 与 CSS 选择器语法的组合。


JQuery选择器




作者:薛敬明
出处:http://blog.csdn.net/rocket5725 
本文版权归作者和CSDN共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

作者:rocket5725 发表于2013-1-8 15:24:18 原文链接
阅读:0 评论:0 查看评论

    
[3]观察者模式的Javascript实现方式
    来源:    发布时间: 2013-10-22
var global = window;

(function(ns, base){

function EventPublisher(){

this.observers = {};
}

EventPublisher.prototype = {

//register
bind: function(name, observer){
var observers = this.observers[name] || ( this.observers[name] = [] );
var isbind = observer && observers.indexOf(observer) === -1;

if(isbind){
observers.push(observer);
}

},

//unregister
unbind: function(name, observer){
var observers = this.observers[name],
index = observers && observers.indexOf(observer),
isunbind = (index !== undefined) && (index > -1);

if (isunbind ){
observers.splice(index, 1);
}
},

//notify
trigger: function (name, args){
var observers = this.observers[name];
if(!observers) return;

for (var i=0; i<observers.length; i++) {
observers[i](args);
}
}
};

EventPublisher.fn = EventPublisher.prototype;
ns.EventPublisher = EventPublisher;

}(global, undefined));

 

//测试,Model和View解耦
(function(){


function UserModel (id){
this.id = id;
}

UserModel.prototype = new EventPublisher();
UserModel.prototype.load = function(){
//ajax load
var mode = { name: "jser", id: this.id };

//触发loaded事件
this.trigger("loaded", { target: this, data: mode } );

}

function UserView(){
this.render = function(data){
alert("username: "+ data.name);
}
}

var user = new UserModel();
var view = new UserView();

user.bind("loaded", function(event){
view.render(event.data);
});

user.load();
}());

  

本文链接


    
最新技术文章:
▪css white-space:nowrap属性用法(可以强制文字不...
▪IE里button设置border:none属性无效解决方法
▪border:none与border:0使用区别
▪html清除浮动的6种方法示例
▪三个不常见的 HTML5 实用新特性简介
▪css代码优化的12个技巧
▪低版本IE正常运行HTML5+CSS3网站的3种解决方案
▪CSS Hack大全-教你如何区分出IE6-IE10、FireFox、Chr...
▪ie6,ie7,ie8完美支持position:fixed的终极解决方案
▪小技巧处理div内容溢出
▪html小技巧之td,div标签里内容不换行
▪纯CSS实现鼠标放上去改变文字内容
▪li中插入img图片间有空隙的解决方案
▪CSS3中Transition属性详解以及示例分享
▪父div高度不能自适应子div高度的解决方案
▪告别AJAX实现无刷新提交表单
▪从零学CSS系列之文本属性
▪HTML 标签
▪CSS3+Js实现响应式导航条
▪CSS3实例分享之多重背景的实现(Multiple background...
▪用css截取字符的几种方法详解(css排版隐藏溢...
▪页面遮罩层,并且阻止页面body滚动。bootstrap...
▪CSS可以做的几个令你叹为观止的实例分享
▪详细分析css float 属性以及position:absolute 的区...
▪IE6/IE7/IE8/IE9中tbody的innerHTML不能赋值的完美解...
▪CSS小例子(只显示下划线的文本框,像文字一...
▪可以给img元素设置背景图
▪不通过JavaScript实现的自动滚动视差效果
▪div+CSS 兼容小摘
▪CSS的inherit与auto使用分析
 


站内导航:


特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

©2012-2021,,E-mail:www_#163.com(请将#改为@)

浙ICP备11055608号-3