3-ASCII-座位渲染-二维码

news2024/11/23 4:45:04

一 ASCII码

1 概念

ascii码是一种计算机信息交换标准,在这个表里面制定了 128个数字跟128个字符的对应关系

我们只关注字母跟数字的对应关系

2 ASCII码转字符

let str = String.fromCharCode(数字)

二 js对象跟查询字符串互转

a js对象转查询字符串

//创建一个对象
let obj = {movieId:movie.id,cinemaId:cinemaId}
//把对象转换成查询字符串
let searchStr = new URLSearchParams(obj)
console.log(searchStr);

b 查询字符串转js对象

/**
 * 查询字符串转js对象
 */
function getSearchData(){
    let res = {}
    //获取地址栏数据
    let search = location.search.split("?")[1]
    console.log(search);
    //把字符串转URLSearchParams
    let params = new URLSearchParams(search)
    for(let p of params){
        res[p[0]] = p[1]
    }
    return res
}

三二维码

简介

使用jquery语法库和qrcode插件来生成二维码

qrcode插件网址: https://www.jq22.com/jquery-info294

环境搭建

1.在页面上引入jquery语法库

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>

2.把qrcode插件导入项目中,然后引入到页面

<script src="./utils/jquery.qrcode.min.js"></script>

注意:一定要先导入jquery,再导入qrcode

代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="qrcode"></div>


    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    <script src="./utils/jquery.qrcode.min.js"></script>

    <script>
        //生成100*100(宽度100，高度100)的二维码
        jQuery('#qrcode').qrcode({
            width: 100,  //二维码的宽
            height: 100, //二维码的高
            text: "xxx", //二维码包含的文本信息
        });
    </script>
</body>
</html>