【H5UI库和二维码】一.H5UI库；二.加密技术；三.二维码

目录​​​​​​​

一.H5UI库

1.使用方法：

（1）页面中引入css文件

（2）页面中引入js文件

2.组件的用法

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

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

（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.使用方法：

一.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 

<!-- 下拉列表框 -->
    <div class="h5ui-form">
        <label for="province" class="h5ui-form-label">选择省份</label>
        <div class="h5ui-select">
            <select name="provine" id="province">
                <option value="#">请选择</option>
                <option value="101">北京市</option>
                <option value="102">上海市</option>
                <option value="103">天津市</option>
                <option value="104">重庆市</option>
                <option value="105">陕西省</option>
            </select>
        </div>
    </div>

（8）导航条：navbar 

&