JS Compress and Decompress

<html>
<head>
<title>JavaScript字符串之压缩与还原</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
<!--
/**
 * 压缩
 
*/
function Compress(strNormalString) {
    alert(
"压缩前长度:" + strNormalString.length);
    
var strCompressedString = "";

    
var ht = new Array();
    
for(i = 0; i < 128; i++) {
        ht[i] 
= i;
    }

    
var used = 128;
    
var intLeftOver = 0;
    
var intOutputCode = 0;
    
var pcode = 0;
    
var ccode = 0;
    
var k = 0;

    
for(var i=0; i<strNormalString.length; i++) {
        ccode 
= strNormalString.charCodeAt(i);
        k 
= (pcode << 8| ccode;
        
if(ht[k] != null) {
            pcode 
= ht[k];
        } 
else {
            intLeftOver 
+= 12;
            intOutputCode 
<<= 12;
            intOutputCode 
|= pcode;
            pcode 
= ccode;
            
if(intLeftOver >= 16) {
                strCompressedString 
+= String.fromCharCode( intOutputCode >> ( intLeftOver - 16 ) );
                intOutputCode 
&= (Math.pow(2, (intLeftOver - 16)) - 1);
                intLeftOver 
-= 16;
            }
            
if(used < 4096) {
                used 
++;
                ht[k] 
= used - 1;
            }
        }
    }

    
if(pcode != 0) {
        intLeftOver 
+= 12;
        intOutputCode 
<<= 12;
        intOutputCode 
|= pcode;
    }

    
if(intLeftOver >= 16) {
        strCompressedString 
+= String.fromCharCode( intOutputCode >> ( intLeftOver - 16 ) );
        intOutputCode 
&= (Math.pow(2,(intLeftOver - 16)) - 1);
        intLeftOver 
-= 16;
    }

    
if( intLeftOver > 0) {
        intOutputCode 
<<= (16 - intLeftOver);
        strCompressedString 
+= String.fromCharCode( intOutputCode );
    }

    alert(
"压缩后长度:" + strCompressedString.length);
    
return strCompressedString;
}

/**
 * 解压缩
 
*/
function Decompress(strCompressedString) {
    
var strNormalString = "";
    
var ht = new Array();

    
for(i = 0; i < 128; i++) {
        ht[i] 
= String.fromCharCode(i);
    }

    
var used = 128;
    
var intLeftOver = 0;
    
var intOutputCode = 0;
    
var ccode = 0;
    
var pcode = 0;
    
var key = 0;

    
for(var i=0; i<strCompressedString.length; i++) {
        intLeftOver 
+= 16;
        intOutputCode 
<<= 16;
        intOutputCode 
|= strCompressedString.charCodeAt(i);

        
while(1) {
            
if(intLeftOver >= 12) {
                ccode 
= intOutputCode >> (intLeftOver - 12);
                
iftypeof( key = ht[ccode] ) != "undefined" ) {
                     strNormalString 
+= key;
                    
if(used > 128) {
                        ht[ht.length] 
= ht[pcode] + key.substr(01);
                    }
                     pcode 
= ccode;
                } 
else {
                    key 
= ht[pcode] + ht[pcode].substr(01);
                    strNormalString 
+= key;
                    ht[ht.length] 
= ht[pcode] + key.substr(01);
                    pcode 
= ht.length - 1;
                }

                used 
++;
                intLeftOver 
-= 12;
                intOutputCode 
&= (Math.pow(2,intLeftOver) - 1);
            } 
else {
                
break;
            }
        }
    }
    
return strNormalString;
}
//-->
</script>
</head>
<body>
压缩前:

<input type="text" id="txtNormal" value="" />
<input type="button" value="↓压缩" onclick="document.getElementById('txtCompressed').value=Compress(document.getElementById('txtNormal').value);" />
<input type="button" value="清除" onclick="document.getElementById('txtNormal').value='';" />


压缩后:
<br>
<input type="text" id="txtCompressed" value="" />
<input type="button" value="↑解压" onclick="document.getElementById('txtNormal').value=Decompress(document.getElementById('txtCompressed').value);" />
<input type="button" value="清除" onclick="document.getElementById('txtCompressed').value='';" />
</body>
</html>

转载于:https://www.cnblogs.com/liyinkan/archive/2011/09/16/2178686.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/275274.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

尤雨溪推荐神器 ni ,能替代 npm/yarn/pnpm ?简单好用!源码揭秘!

1. 前言大家好&#xff0c;我是若川。最近组织了源码共读活动&#xff0c;感兴趣的可以加我微信 ruochuan12想学源码&#xff0c;极力推荐之前我写的《学习源码整体架构系列》jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools、vuex4、koa-compose、…

如何了解自己的认知偏差_了解吸引力偏差

如何了解自己的认知偏差Let me introduce you the attractiveness bias theory known as cognitive bias.让我向您介绍称为认知偏差的吸引力偏差理论。 Think about a person with outstanding fashion. It will draw our attention, and maybe encourage us to interact with…

隐马尔可夫模型(HMM)及Viterbi算法

HMM简介 对于算法爱好者来说&#xff0c;隐马尔可夫模型的大名那是如雷贯耳。那么&#xff0c;这个模型到底长什么样&#xff1f;具体的原理又是什么呢&#xff1f;有什么具体的应用场景呢&#xff1f;本文将会解答这些疑惑。  本文将通过具体形象的例子来引入该模型&#xf…

尤大直播分享:vue3生态进展和展望

大家好&#xff0c;我是若川。最近组织了源码共读活动&#xff0c;感兴趣的可以加我微信 ruochuan12前言10月23日&#xff0c;参加了前端早早聊组织的【vue生态专场】&#xff0c;准备写一波分享方便大家学习。早上有4个话题&#xff1a;volar开发&#xff0c;搭建平台组件开发…

利用Python查看微信共同好友

思路 首先通过itchat这个微信个人号接口扫码登录个人微信网页版&#xff0c;获取可以识别好友身份的数据。这里是需要分别登录两人微信的&#xff0c;拿到两人各自的好友信息存到列表中。 这样一来&#xff0c;查共同好友就转化成了查两个列表中相同元素的问题。获取到共同好友…

女生适合学ux吗_UX设计色彩心理学,理论与可访问性

女生适合学ux吗Colour is an interesting topic, which I feel is often overlooked and sometimes under-appreciated. One of the first things I was taught was the power of colour, how it can have an impact on human emotion, and that there should be purpose behin…

初学者也能看懂的 Vue2 源码中那些实用的基础工具函数

1. 前言大家好&#xff0c;我是若川。最近组织了源码共读活动&#xff0c;感兴趣的可以加我微信 ruochuan12想学源码&#xff0c;极力推荐之前我写的《学习源码整体架构系列》jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools、vuex4、koa-compose、…

清除浮动mini版

1&#xff09; 清除浮动mini版(简约而不简单).clr:after { content:"";display:table;clear:both;}.clr{zoom:1;} 转载于:https://www.cnblogs.com/jinbiao/archive/2011/09/26/2191170.html

Fiddler 十分钟最全使用介绍

Wireshark 、HTTPWatch、Fiddler的介绍 Firebug虽然可以抓包&#xff0c;但是对于分析http请求的详细信息&#xff0c;不够强大。模拟http请求的功能也不够&#xff0c;且firebug常常是需要“无刷新修改”&#xff0c;如果刷新了页面&#xff0c;所有的修改都不会保存。Wiresha…

视觉测试_视觉设计流行测验

视觉测试重点 (Top highlight)I often discuss the topic of improving visual design skills with junior and mid-level designers. While there are a number of design principles the designers should learn and practice, one important skill that is not often consid…

如何给开源项目提过 PR 呢?其实很简单

大家好&#xff0c;我是若川。最近组织了源码共读活动&#xff0c;感兴趣的可以加我微信 ruochuan12源码共读群里有小伙伴聊到如何给开源项目提PR&#xff0c;所以今天分享这篇文章。你有给开源的库或者框架提过 PR 吗&#xff1f;如果没有&#xff0c;那么今天的文章会教你怎么…

一次回母校教前端的经历

大家好&#xff0c;我是若川。最近组织了源码共读活动&#xff0c;感兴趣的可以加我微信 ruochuan12已进行了三个月&#xff0c;很多小伙伴都表示收获颇丰。分享一篇武大毕业的耀耀大佬的文章。有些时候会受限于环境影响&#xff0c;特别是在校大学生。所以要融入到积极上进的环…

设计插画工具_5个强大的设计师插画工具

设计插画工具As Product Designers, most likely, we have come across illustrative work. Visual design is one important element in enhancing the user experience. As many gravitate toward attractive looking products, designers are also adapting to the changing…

如何才能更合理地分配项目奖金?

项目奖金通常情况下都是属于基本工资之外的一种绩效奖励&#xff0c;也就是说&#xff0c;它在员工的薪酬中&#xff0c;是属于浮动的那一部分收入&#xff0c;而不是一种固定收入。基于这样一种认知&#xff0c;跟大家讨论下如何才能更合理地进行项目奖金的分配&#xff1f; 首…

Codeforces 741 D - Arpa’s letter-marked tree and Mehrdad’s Dokhtar-kosh paths

D - Arpa’s letter-marked tree and Mehrdad’s Dokhtar-kosh paths 思路&#xff1a; 树上启发式合并 从根节点出发到每个位置的每个字符的奇偶性记为每个位置的状态&#xff0c;每次统计一下每个状态的最大深度 为了保证链经过当前节点u&#xff0c;我们先计算每个子树的答案…

figma下载_切换到Figma并在其中工作不必是火箭科学,这就是为什么

figma下载We have seen Elon Musk and SpaceX making Rocket Science look like a child’s play. In the same spirit, should design tools be rocket science that is too hard to master? Not at all.我们已经看到埃隆马斯克(Elon Musk)和SpaceX使Rocket Science看起来像是…

npm、yarn、cnpm、pnpm 使用操作都在这了

大家好&#xff0c;我是若川。最近组织了源码共读活动&#xff0c;感兴趣的可以加我微信 ruochuan12有时候想查个命令&#xff0c;或者换个镜像找了几篇文章才找到&#xff0c;最近闲着没事干&#xff0c;干脆整理一篇文档&#xff0c;以后就不用在网上瞎搜有的还写不全。Usage…

CAN控制器的选择

在进行CAN总线开发前&#xff0c;首先要选择好CAN总线控制器。下面就比较一些控制器的特点。 一些主要的CAN总线器件产品 制造商 产品型号 器件功能及特点 Intel 82526 82527 8XC196CA/CB CAN通信控制器&#xff0c;符合CAN2.0A CAN通信控制器&#xff0c;符合CAN2.0B 扩展…

洛谷 4115 Qtree4——链分治

题目&#xff1a;https://www.luogu.org/problemnew/show/P4115 论文&#xff1a;https://wenku.baidu.com/view/1bc2e4ea172ded630b1cb602.html 重链剖分&#xff0c;分别用线段树维护每条重链。线段树叶子的信息是该点轻孩子的信息&#xff1b;线段树区间的信息是考虑重链的一…

每次启动项目的服务,电脑竟然乖乖的帮我打开了浏览器,100行源码揭秘!

1. 前言大家好&#xff0c;我是若川。最近组织了源码共读活动&#xff0c;感兴趣的可以加我微信 ruochuan12 参与&#xff0c;已进行三个月了&#xff0c;大家一起交流学习&#xff0c;共同进步。想学源码&#xff0c;极力推荐之前我写的《学习源码整体架构系列》 包含jQuery、…