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

<!-- 下拉列表框 -->
    <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

 

 ​ (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、使用方法:

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
THE END
分享
二维码
< <上一篇
下一篇>>