H5UI库和二维码

目录

一、H5UI库

1、使用方法：

2、组件的用法

二、加密技术

1、对称加密：单密钥加密。一个密钥可以用来加密也可以用来解密 —- AES

2、非对称加密：有两把密码，公钥(用于加密)，私钥(用于解密)

3、摘要算法：把任意长度的输入，根据算法生成一串固定长度的伪随机数 —- MD5

4、前端的加密：

三、二维码

1、qrious 是一款基于 HTML5 Canvas 的纯 JS 二维码生成插件。

2、使用方法：

一、H5UI库

1、使用方法：

​ （1）页面中引入css文件

        ​ h5ui.css （h5ui.min.css）

​ （2）页面中引入js文件

        ​ jquery.min.js

        ​ h5ui.min.js

2、组件的用法

​ （1） 消息框的使用：alert

​ （2）按钮的使用：button。有三种类型（primary、danger、default） 

 

（3）对话框的使用：dialog。对话框的类型：

        ​ a、模式对话框：该类型的对话框弹出后，用户再不能进行其他的操作。

        ​ b、非模式对话框：该类型的对话框弹出后，用户可以进行其他的操作，该对话框可以停留在窗口的某个位置。

 ​ （4）表单的使用：form

 ​ （5）复选框的使用：chedkbox

 ​ （6）单选按钮：radio

 ​ （7）下拉列表框：select

    

        选择省份
        

            
                请选择
                北京市
                上海市
                天津市
                重庆市
                陕西省
            
        
    

 ​ （8）导航条：navbar

 

 ​ （9）标签：tab

二、加密技术

1、对称加密：单密钥加密。一个密钥可以用来加密也可以用来解密 —- AES

2、非对称加密：有两把密码，公钥(用于加密)，私钥(用于解密)

3、摘要算法：把任意长度的输入，根据算法生成一串固定长度的伪随机数 —- MD5

4、前端的加密：

​ （1）使用AES加密、解密：

 ​ （2）使用MD5加密：

三、二维码

1、qrious 是一款基于 HTML5 Canvas 的纯 JS 二维码生成插件。

​ （1）background：二维码的背景色

​ （2）foreground：二维码的前景色

​ （3）level：误差的校正基本

​ （4）mime：二维码输出的图片格式

​ （5）size：二维码的尺寸

​ （6）value：需要编码的值

2、使用方法：