为什么要进行混淆 由于设计原因，前端的js代码是可以在浏览器访问到的，那么因为需要让代码不被分析和复制从而导致更多安全问题，所以我们要对js代码进行混淆。...JS混淆和反混淆常见思路 在了解了js代码的执行过程后，我们来看如何对js进行混淆。...可以想到比如我们想实现一个js混淆器我们该怎么做呢，要不就是用正则替换，要不就是在AST阶段生成混淆代码，用正则替换实现简单但是效果也比较差，现在js混淆大多数都是在不改变AST的情况下去生成混淆后的代码...访问成员变量的方法 js中可以通过window.eval()访问windows对象的eval方法，也可以用window[‘eval’]来访问 变量名混淆（将变量名变成一些无意义的可以来较乱的字符串（16...中这种转换的方式非常的多，用几种就会让代码变得完全看不懂。
=> { return item > 1; }); // [ 2, 3 ] console.log(array000); // Array.prototype.map() // map() 方法创建一个新数组...}); console.log(array111); // [ false, true, true, false ] // Array.prototype.reduce() // reduce() 方法对数组中的每个元素按序执行一个由您提供的...}, initialValue2 ); console.log(sumWithInitial2); // 15 // Array.prototype.every() // every() 方法测试一个数组内的所有元素是否都能通过某个指定函数的测试...// 只要有一个数不满足，则返回false // 若收到一个空数组，此方法在任何情况下都会返回 true。...10, 13]; console.log(array4.every(isBelowThreshold)); // false // Array.prototype.some() // some() 方法测试数组中是不是至少有
// 方法1 对象直接量 var obj1 = { v1 : "", get_v1 : function() { return this.v1; }, set_v1...: function(v) { this.v1 = v; } }; // 方法2 定义函数对象 var Obj = function() { var v1 = ""...{ return this.v1; }; this.set_v1 = function(v) { this.v1 = v; } }; // 方法...function() { return this.v1; }, set_v1 : function(v) { this.v1 = v; } }; // 方法
1、冒泡排序 以从小到大排序为例，冒泡排序的原理就是通过两层循环把数组中两两相邻的元素进行比较，是的大的元素放到后边，元素交换位置，从而一步步的交换元素的位置，使得最大的元素放到数组的末尾，这样内部的循环就进行了一轮...，再根据外部的循环依次再把次大一点的元素放到数组的末尾，从而实现数组的逐步排序。...基本原理就是先找到数组中的中间那个元素的索引，如果数组长度是双数，那么就默认向上取值，也就是默认取数组长度/2+1位索引，在根据索引去的数组中间的值，然后创建两个空数组，用来放置比该元素小的值和比该元素大的值...，在循环数组进行判断，如果数组的元素小于该中间位置元素的值，就放到左边数组，反之放到右边的数组，在函数中返回值设置为左边数组+中间的值+右边数组的拼接新数组，然后再根据递归对左边和右边的数组分别进行刚才的操作...]; arr[j] = tmp; } } } console.log(arr);//[0, 1, 7, 9, 14, 82] 选择排序也是运用中间变量的方法进行了数组元素位置的变换
for 最简单的一种循环遍历方法，也是使用频率最高的一种，可优化 循环过程中支持修改索引（修改 i） var arr = [1, 2, 3, 4, 5, 6] for(var i =...数组里的元素个数有几个，该方法里的回调就会执行几次 2. 第一个参数是数组里的元素，第二个参数为数组里元素的索引，第三个参数则是它自己（利用第三个参数可以进行数组去重） 3....数组自带的遍历方法，foreach在循环次数未知或者计算起来较复杂的情况下效率比for循环高 4....循环的数组元素是基本数据类型，不会改变原数据的数据，循环的数组元素为对象，会改变原数组的对象属性的值 5....返回创建的新数组和原来旧数组的长度是一样的，使用比较广泛，但其性能还不如 forEach 前两种写法都会改变原数组，第三中方式则不会改变原数组 注意：不能使用break和continue跳出整个循环或当前循环的
1、使用递归（循环）的方式实现深拷贝 //使用递归的方式实现数组、对象的深拷贝 function deepClone1(obj) { //判断拷贝的要进行深拷贝的是数组还是对象，是数组的话进行数组拷贝...，对象的话进行对象拷贝 //进行深拷贝的不能为空，并且是对象或者是 if (obj && typeof obj === "object") { var objClone = Array.isArray...，提供了 lodash.cloneDeep()实现深拷贝 3、通过 JSON 对象实现深拷贝 //通过js的内置对象JSON来进行数组对象的深拷贝 function deepClone2(obj) {...objClone = JSON.parse(_obj); return objClone; } 4、Object.assign()拷贝（并不深，一级拷贝） 当对象中只有一级属性，没有二级属性的时候...，此方法为深拷贝，但是对象中有对象的时候，此方法，在二级属性以后就是浅拷贝。
概念介绍 昨天接到了一个任务，H5 app 的JS CSS 需要压缩，混淆。 然后怎么办呢？...首先理解下压缩混淆是指什么 压缩 compress： 去掉空格，换行，注释等，格式紧凑，节约存储空间。 混淆 obfuscate/garble：替换变量名或方法名，让js不容易看懂。...也做到了压缩的效果。 加密 encrypt：一般用eval方法加密，效果与混淆相似。也做到了压缩的效果。 混淆加密：先混淆再加密。...百度一下js压缩，混淆会搜到一堆在线混淆加密的网页，但是这些都不是你想要的。...但是觉得这个网页混淆做的好：http://www.moralsoft.com/jso-online/hdojso.htm 我们不可能把那么多js文件一个一个的混淆加密，就算你愿意，你老板也觉得你很low
); } ---- 二、实现继承的方法： 1.原型链继承 //核心：将父类的实例作为子类的原型 function Dog() { } Dog.prototype = new Animal()...，也是父类的实例 父类新增原型方法/原型属性，子类都能访问的到 简单 缺点 要想为子类新增属性和方法，必须要在new Animal()这样的语句之后执行，不能放到构造器中 无法实现继承多个 来自原型对象的所有属性被所有实例共享...，只是子类的实例 只能继承父类的实例属性和方法，不能继承原型属性/方法 无法实现函数复用，每个子类都有父类实例函数的副本，影响性能 ---- 3.实例继承 //核心：为父类实例添加新特性，作为子类实例返回...，可以继承实例属性/方法，也可以继承原型属性/方法 既是子类的实例，也是父类的实例 不存在引用属性共享问题 函数可复用 可传参 缺点： 调用了俩次构造函数，生成了俩份实例（子类实例将子类原型上的那份屏蔽了...） ---- 6.寄生组合继承： //核心：通过寄生方式，砍掉父类的实例属性，这样，在调用俩次父类的构造的时候，就不会初始化俩次实例方法/属性，避免了组合继承的缺点。
( function(item){ console.log(item.id + '---' + item.name) }) 输出结果： 第三种： map（）方法...，这个方法执行没有返回值，不影响原数组 2、map：支持return，相当与原数组克隆了一份，把克隆的每项改变了，也不影响原数组 第四种： for....in 方法 for....in 是es5标准...， 此方法遍历数组效率低，主要是用来循环遍历对象的属性 1)、 for......in 遍历数组 for(let item in arr){ console.log(arr[item...]) } 2)、for.....in 遍历对象 循环遍历对象的属性，js中动态获取key，得到某对象中相对应的value = obj[key] const obj = {...key in obj){ console.log(key + '---' + obj[key] ) } 输出结果： 第五种： for.......of 方法
AST 在线解析 AST explorer js 在线混淆工具 JavaScript Obfuscator Tool 书籍 《反爬虫 AST 原理与还原混淆实战》 相关混淆代码 kuizuo/js-de-obfuscator...js 代码中混淆与还原的对抗，而所使用的技术便是 AST，通过 AST 能很轻松的将 js 源代码混淆成难以辨别的代码。...的实现往往可以有好几种方法遍历，会懂得融会贯通，AST 混淆与还原才能精通。...，方法可是类中很重要的属性，同时类方法与属性还能这么编写（constructor 不行），然后将下面的代码通过混淆程序执行一遍就能成功混淆变量名。...整个混淆的过程来看，无非就是多了门技能，对 js 有了更进一步的了解，略懂 js 编译过程中的语法分析，此外也感叹 Babel 提供如此强大的 api。
什么是js混淆工具？js混淆工具是一种能够将js代码转换成难以阅读和理解的代码的工具，通常用于保护js代码的安全性和版权，防止被恶意修改或盗用。...因此，使用js混淆工具可以有效地防止上述情况发生，提高js代码的保密性和抗攻击性。如何选择合适的js混淆工具？市面上有很多不同类型和功能的js混淆工具，如何选择合适的js混淆工具呢？...因此，在选择js混淆工具时，需要根据自己的代码特点和混淆目的，选择合适的混淆程度和方式。混淆成本：不同的js混淆工具可能有不同的使用方式和价格，导致混淆成本有所差异。...混淆兼容性：不同的js混淆工具可能支持不同的js语言标准和浏览器环境，导致混淆兼容性有所差异。一般来说，越先进和全面的混淆工具，越能支持更多的js语法和特性，但也可能带来更多的兼容性问题。...因此，在选择js混淆工具时，需要根据自己的目标用户和浏览器环境，选择合适的js语言标准和浏览器兼容性。常用的js混淆工具有哪些？
址：http://108.61.183.177:8081/ 刚增加了对象混淆，具体效果呢 混淆前： a={b:{c:{d:{e:{f:"123456789"}}}}} console.log(a)...混淆后： ?...大家可以分析一下或者自己混淆试试： !function(J,_,T){J....，这样可以极大的阻止有人分析我们js明文搜索，看到这段就有人有疑问了，这样不是很明显吗代码逻辑，但是我们看到了混淆前的，如果换成正常业务代码，那基本上不好调试看逻辑。...我们这样写一个混淆工具，后面就可以根据混淆实现混淆还原工具
一、最简单方法（indexOf 方法） 实现思路：新建一个数组，遍历要去重的数组，当值不在新数组的时候（indexOf 为 -1）就加入该新数组中； function unique(arr){...（推荐使用） 实现思路： 1.创建一个新的数组存放结果 2.创建一个空对象 3.for循环时，每次取出一个元素与对象进行对比，如果这个元素不重复，则把它存放到结果数组中，同时把这个元素的内容作为对象的一个属性...，并赋值为1，存入到第2步建立的对象中。 ...方法。...function unique(arr){ //Set数据结构，它类似于数组，其成员的值都是唯一的 return Array.from(new Set(arr)); // 利用Array.from将
// 最简单数组去重法 /* * 新建一新数组，遍历传入数组，值不在新数组就push进该新数组中 * IE8以下不支持数组的indexOf方法 * */ function uniq(array){...return temp; } var aa = [1,2,2,4,9,6,7,5,2,3,5,6,5]; console.log(uniq(aa)); /* * 速度最快， 占空间最多（空间换时间） * * 该方法执行的速度比其他任何方法都快...* 现思路：新建一js对象以及新数组，遍历传入数组时，判断值是否为js对象的键， * 不是的话给对象新增该键并放入新数组。...* 注意点：判断是否为js对象键时，会自动对传入的键执行“toString()”， * 不同的键可能会被误认为一样，例如n[val]-- n[1]、n["1"]； * 解决上述问题还是得调用“indexOf.../* * 推荐的方法 * * 方法的实现代码相当酷炫， * 实现思路：获取没重复的最右一值放入新数组。
大家好，又见面了，我是你们的朋友全栈君。 第一种：创建一个新数组使用reverse()的方法进行反转。...arr = [1,2,3,4] let arr1 = arr.reverse() console.log(arr1); //[4, 3, 2, 1] 第二种：利用数组循环，使用unshift() 方法将新项添加到数组的开头...，并返回新的长度。...unshift() 方法会改变数组的长度。...((element) => { arr3.unshift(element) }) console.log(arr3); //[4, 3, 2, 1] 第三种：使用反向循环数组的方法添加至一个新的数组
，都用代码混淆来统称 0x03 代码混淆实战 在这个章节，我们会介绍一些现有的混淆方法，我们的侧重点并不在于如何解混淆，在我看来，除非有现成的工具，不然复杂的混淆解起来时间成本太高，不值得这么做，下面的内容更倾向于通过剖析各种方法来了解其所利用的语言特性以及特殊方法...npm install uglify-js -g uglifyjs example.js -c -m --mangle-props -c 代码压缩 -m 代码混淆 --mangle-props 混淆属性名...这里需要注意的是，似乎在 javascript 中字符串本身与其 ascii hex 的表示形式效果是一样的（在很多语言里都是这样的） 这种混淆方法可以用在以下位置 字符串值中 对象的属性名称中 这种混淆如果写自动化还原应该也不是很难...它具有类似数组的属性和方法，如 length 属性和索引访问，但它没有数组的其他方法。...+[]+[+[]]]) 0x04 一些感想 代码混淆是一个代码保护以及阻止逆向分析的优解，但是我感觉不像是最终解，我相信代码混淆会在最终解中继续扮演重要角色 感谢创造代码混淆工具、方法以及与其对抗寻求解密的人
大家好，又见面了，我是你们的朋友全栈君。...例1：一个类直接实现数组求和 public class Add{ //主类 public static void main(String args[]) { //主方法...2：定义一个工具类，通过调用工具类实现数组求和(有返回值) class Array{ //工具类求和 public static int print(int b[]) { //静态方法...（）直接调用工具类得到数组的和 } } 输出结果：10 版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。...如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
1、用js setInterval 实现，每间隔一秒调用一次倒计时函数，在函数里面设置为0 时，取消定时器 倒计时 $(document).ready(function...clearInterval(interval); }; },1000); }); //总结：$("#time").html(i); 为元素赋值 2、用 js.../jquery.js"> 10 </script
JS加密、JS混淆技术原理简介JS加密、JS混淆、JS混淆加密，所指相同，都是指对JS代码进行加密式处理，使代码不可读，以达到保护代码的目的。...其原理，根据加密或混淆处理深度不同，大体上可分两种，下面简述技术原理。第一种，对代码进行字符替换，比如Eval加密、JJEncode加密，都属于这一类。这种方式，直接对JS代码进行处理，是可逆的加密。...第二种，操作层面与前者最大的差别是，不是对JS代码直接进行分析并加密，而是会进行低层处理，先会对JS代码进行词法分析、语法分析，转化成AST（抽象语法树），得到AST之后，混淆加密操作都是在AST中进行...，完成语法树加密修改之后，再根据AST重新生成全新的密文式JS代码，专业的JS代码加密混淆工具，比如JShaman、JScrambler都是属于这一类。...如此混淆过的JS代码，人无法读懂，但机器可识别，是可以直接运行的，不需要经过解密，因此，不存在通过解密而直接逆向出原码的问题，安全性高。在业内是被广泛认可和应用的。
逆向过程 本次逆向的目标同样是一个登录接口，其中的加密 JS 使用了简单的混淆，可作为混淆还原的入门级教程，来到登录页面，随便输入账号密码进行登录，其中登录的 POST 请求里， Form Data 有个加密参数...() 这个方法，是调用了 fm.js 里的 OO0O0() 方法，看这个又是 0 又是 O 的，多半是混淆了，如下图所示： [03.png] 点进去看一下，整个 fm.js 都是混淆代码，我们选中类似...] # 混淆后的 JS with open("fm_old.js", "r", encoding="utf-8") as f: js_lines = f.readlines() js = "...这里需要注意的一点，fm.js 后面还有个后缀，类似 t=454594，t=454570 等，不同的后缀得到的 JS 内容也有差异，各种函数变量名和那个列表元素顺序不同，实际上调用的方法是同一个，所以影响不大...将 JS 还原后，我们可以将还原后的 JS 替换掉网站本身经过混淆后的 JS，这里替换方法有很多，比如使用 Fiddler 等抓包工具替换响应、使用 ReRes 之类的插件进行替换、使用浏览器开发者工具自带的
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
