最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

js 奇葩技巧之隱藏代碼

 更新時間:2017年08月11日 10:33:00   作者:樓教主  
這篇文章主要介紹了js 奇葩技巧之隱藏代碼,通過代碼示例展示了隱藏代碼的過程,需要的朋友可以參考下

昨天在群看到有人發(fā)了個文章叫《“短”化你的代碼》,思路非常不錯,采用unicode的零寬字符來實現(xiàn)字符隱藏,雖然有字符,可是你卻看不見它。
這篇文章詳細(xì)的介紹了這種方法的實現(xiàn)原理,最后還給出了一個生成工具。

當(dāng)然,作者算了留了一個小小的練習(xí)給我們,因為他只用了兩個字符,導(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í)吧。。
雖然這個東西沒什么實際用處,不過有時候玩玩還是不錯的,可出面試題嚇唬新人哦。。

以上就是小編為大家整理的js 奇葩技巧之隱藏代碼,希望對大家有所幫助!

相關(guān)文章

  • 基于JS實現(xiàn)移動端左滑刪除功能

    基于JS實現(xiàn)移動端左滑刪除功能

    最近做個項目,需要實現(xiàn)移動端左滑刪除功能,當(dāng)時js代碼將網(wǎng)上找的進(jìn)行刪減優(yōu)化,下面通過本文給大家分享基于JS實現(xiàn)移動端左滑刪除功能,感興趣的朋友一起看看
    2017-07-07
  • layui使用數(shù)據(jù)表格實現(xiàn)購物車功能

    layui使用數(shù)據(jù)表格實現(xiàn)購物車功能

    這篇文章主要為大家詳細(xì)介紹了layui使用數(shù)據(jù)表格實現(xiàn)購物車功能,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2019-07-07
  • Canvas放置反彈效果隨機(jī)圖形(實例)

    Canvas放置反彈效果隨機(jī)圖形(實例)

    下面小編就為大家?guī)硪黄狢anvas放置反彈效果隨機(jī)圖形(實例)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-08-08
  • 原生js實現(xiàn)自定義滾動條組件

    原生js實現(xiàn)自定義滾動條組件

    這篇文章主要為大家詳細(xì)介紹了原生js實現(xiàn)自定義滾動條組件的開發(fā),文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-01-01
  • SharePoint 客戶端對象模型 (一) ECMA Script

    SharePoint 客戶端對象模型 (一) ECMA Script

    今天開始SharePoint Client對象模型的介紹,簡而言之,SharePoint通過WCF技術(shù)在服務(wù)端提供數(shù)據(jù)服務(wù),這些服務(wù)提供的內(nèi)容相當(dāng)于SharePoint API的一個子集
    2011-05-05
  • ES6知識點整理之函數(shù)對象參數(shù)默認(rèn)值及其解構(gòu)應(yīng)用示例

    ES6知識點整理之函數(shù)對象參數(shù)默認(rèn)值及其解構(gòu)應(yīng)用示例

    這篇文章主要介紹了ES6知識點整理之函數(shù)對象參數(shù)默認(rèn)值及其解構(gòu)應(yīng)用,結(jié)合實例形式分析了ES6函數(shù)對象參數(shù)相關(guān)使用技巧,需要的朋友可以參考下
    2019-04-04
  • JS實現(xiàn)DIV容器賦值的方法

    JS實現(xiàn)DIV容器賦值的方法

    這篇文章主要介紹了JS實現(xiàn)DIV容器賦值的方法,可結(jié)合ajax使用,涉及JavaScript針對頁面元素的動態(tài)操作技巧,需要的朋友可以參考下
    2015-12-12
  • 原生JavaScript實現(xiàn)todolist功能

    原生JavaScript實現(xiàn)todolist功能

    本篇文章給大家介紹了通過原生JavaScript實現(xiàn)todolist功能相關(guān)知識點,對此有需要的朋友可以學(xué)習(xí)下。
    2018-03-03
  • JavaScript實現(xiàn)網(wǎng)頁下拉菜單效果

    JavaScript實現(xiàn)網(wǎng)頁下拉菜單效果

    這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)網(wǎng)頁下拉菜單效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-11-11
  • javascript實現(xiàn)刪除前彈出確認(rèn)框

    javascript實現(xiàn)刪除前彈出確認(rèn)框

    刪除確認(rèn)對話框的JS代碼,有好幾種寫法,有簡單的,有兼容好的,下面分別說幾種方法,可根據(jù)自己需要選用
    2015-06-06

最新評論

浦北县| 郑州市| 城步| 乃东县| 通海县| 塘沽区| 嘉祥县| 揭阳市| 怀仁县| 休宁县| 平武县| 延安市| 调兵山市| 始兴县| 巴塘县| 册亨县| 区。| 饶河县| 唐河县| 梁山县| 农安县| 陇南市| 福泉市| 仙游县| 大冶市| 高碑店市| 汽车| 双流县| 金华市| 永吉县| 蓝田县| 泾川县| 德格县| 建昌县| 赤城县| 夹江县| 高邑县| 淮阳县| 侯马市| 华容县| 科尔|