js 奇葩技巧之隱藏代碼
昨天在群看到有人發(fā)了個文章叫《“短”化你的代碼》,思路非常不錯,采用unicode的零寬字符來實(shí)現(xiàn)字符隱藏,雖然有字符,可是你卻看不見它。
這篇文章詳細(xì)的介紹了這種方法的實(shí)現(xiàn)原理,最后還給出了一個生成工具。
當(dāng)然,作者算了留了一個小小的練習(xí)給我們,因?yàn)樗挥昧藘蓚€字符,導(dǎo)致轉(zhuǎn)換后的數(shù)據(jù)是原始數(shù)據(jù)的 8倍。
他給我們提供了4個零寬字符,我們就可以縮小至4倍。
好了,我們來看下代碼吧。
(function(window) {
var rep = { // 替換用的數(shù)據(jù),使用了4個零寬字符,數(shù)據(jù)量減少了一半。
'00': '\u200b',
'01': '\u200c',
'10': '\u200d',
'11': '\uFEFF'
};
function hide(str) {
str = str.replace(/[^\x00-\xff]/g, function(a) { // 轉(zhuǎn)碼 Latin-1 編碼以外的字符。
return escape(a).replace('%', '\\');
});
str = str.replace(/[\s\S]/g, function(a) { // 處理二進(jìn)制數(shù)據(jù)并且進(jìn)行數(shù)據(jù)替換
a = a.charCodeAt().toString(2);
a = a.length < 8 ? Array(9 - a.length).join('0') + a : a;
return a.replace(/../g, function(a) {
return rep[a];
});
});
return str;
}
var tpl = '("@code".replace(/.{4}/g,function(a){var rep={"\u200b":"00","\u200c":"01","\u200d":"10","\uFEFF":"11"};return String.fromCharCode(parseInt(a.replace(/./g, function(a) {return rep[a]}),2))}))';
window.hider = function(code, type) {
var str = hide(code); // 生成零寬字符串
str = tpl.replace('@code', str); // 生成模版
if (type === 'eval') {
str = 'eval' + str;
} else {
str = 'Function' + str + '()';
}
return str;
}
})(window);
大家可以通過最簡單的代碼例子進(jìn)行測試一下,看看效果如何,也可以進(jìn)一步優(yōu)化,或者寫成插件什么的,就當(dāng)練習(xí)吧。。
雖然這個東西沒什么實(shí)際用處,不過有時候玩玩還是不錯的,可出面試題嚇唬新人哦。。
以上就是小編為大家整理的js 奇葩技巧之隱藏代碼,希望對大家有所幫助!
相關(guān)文章
layui使用數(shù)據(jù)表格實(shí)現(xiàn)購物車功能
這篇文章主要為大家詳細(xì)介紹了layui使用數(shù)據(jù)表格實(shí)現(xiàn)購物車功能,具有一定的參考價值,感興趣的小伙伴們可以參考一下2019-07-07
SharePoint 客戶端對象模型 (一) ECMA Script
今天開始SharePoint Client對象模型的介紹,簡而言之,SharePoint通過WCF技術(shù)在服務(wù)端提供數(shù)據(jù)服務(wù),這些服務(wù)提供的內(nèi)容相當(dāng)于SharePoint API的一個子集2011-05-05
ES6知識點(diǎn)整理之函數(shù)對象參數(shù)默認(rèn)值及其解構(gòu)應(yīng)用示例
這篇文章主要介紹了ES6知識點(diǎn)整理之函數(shù)對象參數(shù)默認(rèn)值及其解構(gòu)應(yīng)用,結(jié)合實(shí)例形式分析了ES6函數(shù)對象參數(shù)相關(guān)使用技巧,需要的朋友可以參考下2019-04-04
原生JavaScript實(shí)現(xiàn)todolist功能
本篇文章給大家介紹了通過原生JavaScript實(shí)現(xiàn)todolist功能相關(guān)知識點(diǎn),對此有需要的朋友可以學(xué)習(xí)下。2018-03-03
JavaScript實(shí)現(xiàn)網(wǎng)頁下拉菜單效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)網(wǎng)頁下拉菜單效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2020-11-11
javascript實(shí)現(xiàn)刪除前彈出確認(rèn)框
刪除確認(rèn)對話框的JS代碼,有好幾種寫法,有簡單的,有兼容好的,下面分別說幾種方法,可根據(jù)自己需要選用2015-06-06

