几种常用的前端加密

1、base64:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="base64.js"></script>
    <title>base64加密</title>
</head>
<body>
    <script>
        var rule = new Base64()
        var pwd = ‘123456‘
        // 加密
        var encryption = rule.encode(‘password:‘+pwd)
        console.log(encryption) //cGFzc3dvcmQ6MTIzNDU2
        // 解密
        encryption = rule.decode(encryption);
        console.log(encryption) //password:123456
    </script>
</body>
</html>

2、md5:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="md5.js"></script>
    <title>md5加密</title>
</head>
<body>
    <script>
        var pwd = ‘123456‘
        // 加密
        var encryption = hex_md5(‘password:‘+pwd)
        console.log(encryption) //cc4452544b7f1a162452444f49238de8
    </script>
</body>
</html>

3、sha1

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="sha1.js"></script>
    <title>sha1加密</title>
</head>
<body>
    <script>
        var pwd = ‘123456‘
        // 加密
        var encryption = hex_sha1(‘password:‘+pwd)
        console.log(encryption) //b48d0965a80dfad4ad6db7e98ce666d8226619bb
    </script>
</body>
</html>

4、RSA

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="jsencrypt.js"></script>
    <title>RSA加密</title>
</head>
<body>
    <script>
        var pwd = ‘123456‘
        // 加密
        var encrypt = new JSEncrypt();
        var encryptStr = encrypt.encrypt(‘password :‘+pwd);
        console.log(encryptStr);//(每次都在变化)
        // 解密
        var decryptStr = encrypt.decrypt(encryptStr);
        console.log(decryptStr); //password :123456
    </script>
</body>
</html>

原文地址:https://www.cnblogs.com/C-target/p/11335444.html

时间: 2024-10-28 06:18:32

几种常用的前端加密的相关文章

十三种常用的Web前端框架

在做web开发的时候难免遇到一个问题,那就是,选择什么样的框架.下面把前端的框架简单的列一下. 1.flex Apache基金会今天发布了Flex 4.8版本,这是Adobe将Flex捐献给Apache基金会后发布的第一个版本. 需要注意的是,Flex目前还在孵化阶段,还不是Apache的正式项目,Flex 4.8也不是一个正式的Apache版本. Apache称,该版本标志着Flex新时代的开始,Flex的未来将由社区来驱动,而不是由一个公司驱动.开发者可以通过贡献代码,来帮助改进Flex,如

DotNet中几种常用的加密算法

在.NET项目中,我们较多的使用到加密这个操作.因为在现代的项目中,对信息安全的要求越来越高,那么多信息的加密就变得至关重要.现在提供几种常用的加密/解密算法. 1.用于文本和Base64编码文本的互相转换 和 Byte[]和Base64编码文本的互相转换: (1).将普通文本转换成Base64编码的文本        /// <summary>         /// 将普通文本转换成Base64编码的文本        /// </summary>         /// &l

几种常用加密算法比较

由于计算机软件的非法复制,通信的泄密.数据安全受到威胁,解密及盗版问题日益严重,甚至引发国际争端,所以在信息安全技术中,加密技术占有不可替代的位置,因此对信息加密技术和加密手段的研究与开发,受到各国计算机界的重视,发展日新月异.现在我们就几种常用的加密算法给大家比较一下. DES加密算法 DES加密算法是一种分组密码,以64位为分组对数据加密,它的密钥长度是56位,加密解密用同一算法.DES加密算法是对密钥进行保密,而公开算法,包括加密和解密算法.这样,只有掌握了和发送方相同密钥的人才能解读由D

几种常用的bootstrap功能。

---恢复内容开始--- 我对于bootstrap定义与一种插件,他可以使我们的网页布局更加的炫酷,更加的整洁和合理.他的优点不多说,缺点一个就够我们头疼的,那就是需要记一些长长的英文名. 我为大家说几种常用的bootstrap的常用功能,希望你们用到的时候,可以来看下. <nav class="navbar navbar-default navbar-fixed-top" role="navigation"> <div class="c

Android无线开发的几种常用技术(阿里巴巴资深工程师原创分享)

本文由阿里巴巴移动安全客户端.YunOS资深工程师Hao(嵌入式企鹅圈原创团队成员)撰写,是Hao在嵌入式企鹅圈发表的第一篇原创文章,对Android无线开发的几种常用技术进行综述. 嵌入式企鹅圈现拥有七个专栏(Linux内核驱动情景分析.资源紧缺型SOC嵌入式架构设计.嵌入式交叉工具链及其应用.嵌入式设计和编程.微信硬件平台和物联网解决方案.Android开发.开发资源共享).更多Android.Linux.嵌入式和物联网原创技术分享敬请关注微信公众号:嵌入式企鹅圈.我们百分百原创,资深工程师

移动时代的前端加密

移动时代的前端加密 标签: 加密 前端 HTML5 移动 背景 相比其它被编译成二进制的应用.前端这样的纯文本应用,太easy被解读和窜改. 前端为什么要加密? 加密重要的目的是出于对商业利益的保护. 因为作品太easy被复制窜改.easy会失去渠道先机 窜改不限于下面: 署名被移除或替换: 链接地址被替换: 文案被改动: 广告被移除.替换或植入: - 一些轻度游戏,用户仅仅会玩一两次,生命周期也就两三天.假设你开发的游戏被人山寨且他的渠道比你更广,那么对于流量就是致命打击. HTML5 被山寨

几种常用加密算法比较 -- 【 转 】 achejq的专栏

由于计算机软件的非法复制,通信的泄密.数据安全受到威胁,解密及盗版问题日益严重,甚至引发国际争端,所以在信息安全技术中,加密技术占有不可替代的位置,因此对信息加密技术和加密手段的研究与开发,受到各国计算机界的重视,发展日新月异.现在我们就几种常用的加密算法给大家比较一下. DES加密算法 DES加密算法是一种分组密码,以64位为分组对数据加密,它的密钥长度是56位,加密解密用同一算法.DES加密算法是对密钥进行保密,而公开算法,包括加密和解密算法.这样,只有掌握了和发送方相同密钥的人才能解读由D

一个老师程序员说:这是学Java 必知必会的 20 种常用类库和 API

一个有经验的Java开发人员特征之一就是善于使用已有的轮子来造车.<Effective Java>的作者Joshua Bloch曾经说过:"建议使用现有的API来开发,而不是重复造轮子".在本文中,我将分享一些Java开发人员应该熟悉的最有用的和必要的库和API.顺便说一句,这里不包括框架,如Spring和Hibernate因为他们非常有名,都有特定的功能.最后,如果大家如果在自学遇到困难,想找一个java的学习环境,可以加入我们的java学习圈,点击我加入吧,会节约很多时

常用的前端开发插件与工具合集

常用的前端开发插件与工具合集 Font Awesome字体图标插件 Font Awesome的矢量图标,将使您的网站在视网膜级的高分屏上大放异彩. 完美兼容其它框架 尽管是为Bootstrap设计,但Font Awesome同样能与其它框架完美协同运作. Font Awesome https://fontawesome.com/ SweetAlert系列(数据Ajax)插件 SweetAlert 是 JavaScript 原生 'alert' 弹窗的完美替代品... SweetAlert 让弹窗