四、Flask学习之JavaScript

四、Flask学习之JavaScript

JavaScript，作为一种前端脚本语言，赋予网页生动的交互性和动态性。通过它，开发者能够操作DOM（文档对象模型）实现页面元素的动态改变、响应用户事件，并借助AJAX技术实现异步数据请求，为用户提供更流畅的浏览体验。在现代Web开发中，JavaScript不仅是构建丰富用户界面的关键工具，还被广泛应用于服务器端（Node.js）等多个领域，成为一门多用途、强大而灵活的编程语言。

1.下载jQuery（后续会用到）

jQuery 是一款被广泛应用的JavaScript库，旨在简化客户端脚本编写。通过提供便捷的DOM操作、事件处理、动画效果和AJAX请求等功能，jQuery极大地简化了跨浏览器的开发工作。其直观的API和优雅的语法使开发者能够更快速、更轻松地创建交互性强、用户体验良好的网页和Web应用。

下载官网：jQuery，然后找到Download，找到压缩版：

image-20240122163656613

直接复制链接去某网盘或者某雷新建任务下载就行。

2.初识JavaScript

2.1简单示例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .name1{
            background-color: pink;
        }
        .name2{
            text-align: center;
        }
    </style>
</head>
<body>
<div class="name1">
    <div class="name2" onclick="f()">
        <h1>
            欢迎访问本系统
        </h1>
    </div>
</div>
<script type="text/javascript">
    function f() {
        confirm("确定吗？")
    }
</script>
</body>
</html>

效果：当点击标题一所在的区域时，会弹出一个框

image-20240122170208041

2.2代码位置

JavaScript代码在HTML文件中，有两种存放位置，一种是在<head>标签里面，但一定要在<style>标签后面；另一种是在<body>标签里面，但也要在最后的位置，如上的示例代码。推荐使用第二种，因为HTML文件是从上往下进行执行的，如果<script>标签里面有非常耗时的动作，有可能下面的HTML页面显示不出来，所以推荐使用第二种。

2.3存在形式

  1. 直接写在当前的HTML文件中（如上面的例子）

  2. 写在一个文件中，然后导入

    <script src="你的js存放目录"></script>

以上两种存在形式的代码的位置同上。

2.4基础知识

2.4.1 变量

Javascript在定义变量的时候是使用var关键字来定义的：var a="panda";

在 2015 年以前，使用 var 关键字来声明 JavaScript 变量。

在 2015 后的 JavaScript 版本 (ES6) 允许使用 const 关键字来定义一个常量，使用 let 关键字定义的限定范围内作用域的变量。

在打印变量的时候使用：console.log(a);

2.4.2 字符串
1.声明

一个字符串可以使用单引号或双引号，或者使用String()：

var name1 = "panda";
var name2 = String("panda");
document.write(name1 + '<p>');
document.write(name2 + '<p>')
2. 索引

使用位置（索引）可以访问字符串中任何的字符，字符串的索引从零开始, 所以字符串第一字符为 [0],第二个字符为 [1], 等等。

var name1 = "panda";
document.write(name1 + '<p>');
document.write(name1[0])
3. length属性

字符串（String）使用长度属性length来计算字符串的长度：

var txt="Hello World!";
document.write(txt.length);
var txt="ABCDEFGHIJKLMNOPQRSTUVWXYZ";
document.write(txt.length);
4. 查找

字符串使用 indexOf() 来定位字符串中某一个指定的字符首次出现的位置：

var str="Hello world, welcome to the universe.";
var n=str.indexOf("welcome");
5. 切片
var name1 = "panda";
document.write(name1.substring(2,4));

substring()的参数遵循左闭右开的原则，比如上面的例子，会输出nd。

更详细的内容可以参考JavaScript String 对象 | 菜鸟教程 (runoob.com)

2.4.3 案例：跑马灯
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div style="text-align: center;background-color: pink;font-weight: bolder" id="name1">
    编程如画，我是panda！
</div>
<script>
    function display() {
        var receive = document.getElementById("name1");
        var reString = receive.innerText;
        receive.innerText = reString.substring(1, reString.length) + reString[0];
    }

    // 这个函数相当于定时器，第一个参数是指要执行的函数名，第二个参数是指间隔多少毫秒
    setInterval(display, 1000)
</script>
</body>
</html>
2.4.4 数组
1. 声明
var a1=[1,2,3,4,5];//直接声明
var a2=Array(1,2,3,4,5);//内置声明
2. 修改

对于索引，数组与字符串一样，下标均为0到length-1，修改数组中某个元素的时候，直接使用索引即可，例如：

var a1=[1,2,3,4,5];
a1[0]="panda";
3. 添加和删除
var a1=[1,2,3,4,5];
//在尾部添加
a1.push(6);
//在头部添加
a1.unshift(0);
/*在指定位置添加：
第一个参数是要添加元素的索引，
第二个元素是要从规定索引处删除元素的个数，如果是0就是不删除，
第三个元素是指要添加的元素*/
a1.splice(1,0,"panda")
a1.pop();//删除最后一个元素
a1.shift();//删除第一个元素
document.write(a1);
2.4.5 案例：动态数据
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<ul id="language">
</ul>
<script>
    var languageList=["C","C++","JAVA","Python","PHP"];
    for (var idx in languageList){
        var text = languageList[idx];
        //创建<li></li>标签
        var la=document.createElement("li");
        la.innerText=text;
        document.getElementById("language").appendChild(la);
    }
</script>
</body>
</html>
2.4.6 对象（字典）
1. 定义（声明）

两种方式：可以带引号也可以不带

my_dict={
    "name":"panda",
    "age":20
}
my_dict2={
    name:"panda",
    age:20
}
2. 修改

直接使用成员运算符或者使用Python中字典的方式：

my_dict.name="你好";
my_dict["name"]="Hello";
2.4.6 案例：动态表格
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<table border="1">
    <thead>
    <tr>
        <th>学号</th>
        <th>姓名</th>
        <th>年龄</th>
    </tr>
    </thead>
    <tbody id="body">

    </tbody>
</table>
<script>
    var my_array=[
        {"id":123456, "name":"panda", "age":20},
        {"id":123456, "name":"panda", "age":20},
        {"id":123456, "name":"panda", "age":20},
        {"id":123456, "name":"panda", "age":20},
        {"id":123456, "name":"panda", "age":20}
    ];
    for(var each in my_array) {
        var tr_la = document.createElement('tr');
        for (var key in my_array[each]) {
            var td_la = document.createElement('td');
            td_la.innerText = my_array[each][key];
            tr_la.appendChild(td_la);
        }
        document.getElementById('body').appendChild(tr_la)
    }
</script>
</body>
</html>

3.DOM

JavaScript DOM（文档对象模型） 是 JavaScript 的一个关键部分，通过它，开发者可以与网页的结构、内容和样式进行交互。DOM以树状结构的形式呈现文档，允许动态地选择、修改、添加和删除元素，实现页面的实时更新和用户交互。通过监听和响应事件，JavaScript DOM还使得开发者能够构建具有响应性和动态效果的现代网页应用，提升用户体验。

具体学习可以参考：JavaScript HTML DOM | 菜鸟教程 (runoob.com)

案例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="text" id="re_text" placeholder="请输入内容...">
<input type="button" id="my_btn" onclick="f()" value="提交">
<ul id="language">

</ul>
<script>
    function f() {
        //获取从输入框中获取的数据
        var text = document.getElementById('re_text').value;
        if (text.length!==0) {
            //创建<li></li>标签
            var la_li = document.createElement('li');
            //将从文本框中接收到的内容赋给<li></li>标签
            la_li.innerText = text;
            //获得id为'language'的标签
            var tag = document.getElementById('language');
            //将数据添加进去
            tag.appendChild(la_li)
            //最后将文本框中的字符串清除
            document.getElementById('re_text').value = "";
        }
        else{
            alert("输入内容为空！！！")
        }
    }
</script>
</body>
</html>

效果：

image-20240123114547822

4.jQuery

jQuery的东西很多，这里只展示一部分，更多请参考：jQuery API 文档

使用之前要引入：

<script src="static/jquery-3.7.1.min.js"></script>

4.1直接标签选择

4.1.1 ID选择器
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1 id="name1">
    Panda
</h1>
<script src="static/jquery-3.7.1.min.js"></script>
<script type="text/javascript">
    $('#name1').text('Hello')
</script>
</body>
</html>

<script></script>标签里面的$('#name1')是指找到ID为name1的标签。

4.1.2 样式选择器
<div class="c1">JAVA</div>
<div class="c1">Python</div>
<div class="c2">C/C++</div>

$('.c1')

$('.c1')是指找到所有样式名为c1的标签。

4.1.3 标签选择器
$('div')

是指找到所有标签为<div></div>的标签。

4.1.4 层级选择器
$('.c1 .c2 div')

是指找到应用样式c1的标签下应用c2样式的标签下的所有<div></div>标签。

4.1.5 多选择器
$('#name1,#name2,span')

是指找到所有的ID为name1和所有ID为name2和所有<span></span>标签。

4.1.6 属性选择器
$("div[class='name1']")

是指找到<div></div>标签里面class为name1的标签。

4.2间接标签选择

4.2.1 找到同级标签
<div>
    <div>JAVA</div>
    <div id="name1">Python</div>
    <div>C/C++</div>
</div>

$('name1').prev();//找到前一个同级标签
$('name1').next();//找到后一个同级标签
$('name1').siblings()//找到所有的同级标签
4.2.2 找到父类和子类标签
$('name1').parent();//找到上一个父类标签
$('name1').children();//找到所有的子类标签

4.3案例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="text" id="userid" placeholder="请输入学号">
<input type="text" id="username" placeholder="请输入用户名">
<input type="button" id="my_btn" value="提交">
<ul id="mylist">

</ul>
<script src="static/jquery-3.7.1.min.js"></script>
<script type="text/javascript">
    $('#my_btn').click(function (){
        var id_user=$('#userid').val();
        var name_user=$('#username').val();
        var text=id_user+'-'+name_user;
        $('#mylist').append($('<li>').text(text));
    });
</script>
</body>
</html>

效果：
image-20240123180415807# 四、Flask学习之JavaScript

JavaScript，作为一种前端脚本语言，赋予网页生动的交互性和动态性。通过它，开发者能够操作DOM（文档对象模型）实现页面元素的动态改变、响应用户事件，并借助AJAX技术实现异步数据请求，为用户提供更流畅的浏览体验。在现代Web开发中，JavaScript不仅是构建丰富用户界面的关键工具，还被广泛应用于服务器端（Node.js）等多个领域，成为一门多用途、强大而灵活的编程语言。

1.下载jQuery（后续会用到）

jQuery 是一款被广泛应用的JavaScript库，旨在简化客户端脚本编写。通过提供便捷的DOM操作、事件处理、动画效果和AJAX请求等功能，jQuery极大地简化了跨浏览器的开发工作。其直观的API和优雅的语法使开发者能够更快速、更轻松地创建交互性强、用户体验良好的网页和Web应用。

下载官网：jQuery，然后找到Download，找到压缩版：

image-20240122163656613

直接复制链接去某网盘或者某雷新建任务下载就行。

2.初识JavaScript

2.1简单示例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .name1{
            background-color: pink;
        }
        .name2{
            text-align: center;
        }
    </style>
</head>
<body>
<div class="name1">
    <div class="name2" onclick="f()">
        <h1>
            欢迎访问本系统
        </h1>
    </div>
</div>
<script type="text/javascript">
    function f() {
        confirm("确定吗？")
    }
</script>
</body>
</html>

效果：当点击标题一所在的区域时，会弹出一个框

image-20240122170208041

2.2代码位置

JavaScript代码在HTML文件中，有两种存放位置，一种是在<head>标签里面，但一定要在<style>标签后面；另一种是在<body>标签里面，但也要在最后的位置，如上的示例代码。推荐使用第二种，因为HTML文件是从上往下进行执行的，如果<script>标签里面有非常耗时的动作，有可能下面的HTML页面显示不出来，所以推荐使用第二种。

2.3存在形式

  1. 直接写在当前的HTML文件中（如上面的例子）

  2. 写在一个文件中，然后导入

    <script src="你的js存放目录"></script>

以上两种存在形式的代码的位置同上。

2.4基础知识

2.4.1 变量

Javascript在定义变量的时候是使用var关键字来定义的：var a="panda";

在 2015 年以前，使用 var 关键字来声明 JavaScript 变量。

在 2015 后的 JavaScript 版本 (ES6) 允许使用 const 关键字来定义一个常量，使用 let 关键字定义的限定范围内作用域的变量。

在打印变量的时候使用：console.log(a);

2.4.2 字符串
1.声明

一个字符串可以使用单引号或双引号，或者使用String()：

var name1 = "panda";
var name2 = String("panda");
document.write(name1 + '<p>');
document.write(name2 + '<p>')
2. 索引

使用位置（索引）可以访问字符串中任何的字符，字符串的索引从零开始, 所以字符串第一字符为 [0],第二个字符为 [1], 等等。

var name1 = "panda";
document.write(name1 + '<p>');
document.write(name1[0])
3. length属性

字符串（String）使用长度属性length来计算字符串的长度：

var txt="Hello World!";
document.write(txt.length);
var txt="ABCDEFGHIJKLMNOPQRSTUVWXYZ";
document.write(txt.length);
4. 查找

字符串使用 indexOf() 来定位字符串中某一个指定的字符首次出现的位置：

var str="Hello world, welcome to the universe.";
var n=str.indexOf("welcome");
5. 切片
var name1 = "panda";
document.write(name1.substring(2,4));

substring()的参数遵循左闭右开的原则，比如上面的例子，会输出nd。

更详细的内容可以参考JavaScript String 对象 | 菜鸟教程 (runoob.com)

2.4.3 案例：跑马灯
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div style="text-align: center;background-color: pink;font-weight: bolder" id="name1">
    编程如画，我是panda！
</div>
<script>
    function display() {
        var receive = document.getElementById("name1");
        var reString = receive.innerText;
        receive.innerText = reString.substring(1, reString.length) + reString[0];
    }

    // 这个函数相当于定时器，第一个参数是指要执行的函数名，第二个参数是指间隔多少毫秒
    setInterval(display, 1000)
</script>
</body>
</html>
2.4.4 数组
1. 声明
var a1=[1,2,3,4,5];//直接声明
var a2=Array(1,2,3,4,5);//内置声明
2. 修改

对于索引，数组与字符串一样，下标均为0到length-1，修改数组中某个元素的时候，直接使用索引即可，例如：

var a1=[1,2,3,4,5];
a1[0]="panda";
3. 添加和删除
var a1=[1,2,3,4,5];
//在尾部添加
a1.push(6);
//在头部添加
a1.unshift(0);
/*在指定位置添加：
第一个参数是要添加元素的索引，
第二个元素是要从规定索引处删除元素的个数，如果是0就是不删除，
第三个元素是指要添加的元素*/
a1.splice(1,0,"panda")
a1.pop();//删除最后一个元素
a1.shift();//删除第一个元素
document.write(a1);
2.4.5 案例：动态数据
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<ul id="language">
</ul>
<script>
    var languageList=["C","C++","JAVA","Python","PHP"];
    for (var idx in languageList){
        var text = languageList[idx];
        //创建<li></li>标签
        var la=document.createElement("li");
        la.innerText=text;
        document.getElementById("language").appendChild(la);
    }
</script>
</body>
</html>
2.4.6 对象（字典）
1. 定义（声明）

两种方式：可以带引号也可以不带

my_dict={
    "name":"panda",
    "age":20
}
my_dict2={
    name:"panda",
    age:20
}
2. 修改

直接使用成员运算符或者使用Python中字典的方式：

my_dict.name="你好";
my_dict["name"]="Hello";
2.4.6 案例：动态表格
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<table border="1">
    <thead>
    <tr>
        <th>学号</th>
        <th>姓名</th>
        <th>年龄</th>
    </tr>
    </thead>
    <tbody id="body">

    </tbody>
</table>
<script>
    var my_array=[
        {"id":123456, "name":"panda", "age":20},
        {"id":123456, "name":"panda", "age":20},
        {"id":123456, "name":"panda", "age":20},
        {"id":123456, "name":"panda", "age":20},
        {"id":123456, "name":"panda", "age":20}
    ];
    for(var each in my_array) {
        var tr_la = document.createElement('tr');
        for (var key in my_array[each]) {
            var td_la = document.createElement('td');
            td_la.innerText = my_array[each][key];
            tr_la.appendChild(td_la);
        }
        document.getElementById('body').appendChild(tr_la)
    }
</script>
</body>
</html>

3.DOM

JavaScript DOM（文档对象模型） 是 JavaScript 的一个关键部分，通过它，开发者可以与网页的结构、内容和样式进行交互。DOM以树状结构的形式呈现文档，允许动态地选择、修改、添加和删除元素，实现页面的实时更新和用户交互。通过监听和响应事件，JavaScript DOM还使得开发者能够构建具有响应性和动态效果的现代网页应用，提升用户体验。

具体学习可以参考：JavaScript HTML DOM | 菜鸟教程 (runoob.com)

案例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="text" id="re_text" placeholder="请输入内容...">
<input type="button" id="my_btn" onclick="f()" value="提交">
<ul id="language">

</ul>
<script>
    function f() {
        //获取从输入框中获取的数据
        var text = document.getElementById('re_text').value;
        if (text.length!==0) {
            //创建<li></li>标签
            var la_li = document.createElement('li');
            //将从文本框中接收到的内容赋给<li></li>标签
            la_li.innerText = text;
            //获得id为'language'的标签
            var tag = document.getElementById('language');
            //将数据添加进去
            tag.appendChild(la_li)
            //最后将文本框中的字符串清除
            document.getElementById('re_text').value = "";
        }
        else{
            alert("输入内容为空！！！")
        }
    }
</script>
</body>
</html>

效果：

image-20240123114547822

4.jQuery

jQuery的东西很多，这里只展示一部分，更多请参考：jQuery API 文档

使用之前要引入：

<script src="static/jquery-3.7.1.min.js"></script>

4.1直接标签选择

4.1.1 ID选择器
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1 id="name1">
    Panda
</h1>
<script src="static/jquery-3.7.1.min.js"></script>
<script type="text/javascript">
    $('#name1').text('Hello')
</script>
</body>
</html>

<script></script>标签里面的$('#name1')是指找到ID为name1的标签。

4.1.2 样式选择器
<div class="c1">JAVA</div>
<div class="c1">Python</div>
<div class="c2">C/C++</div>

$('.c1')

$('.c1')是指找到所有样式名为c1的标签。

4.1.3 标签选择器
$('div')

是指找到所有标签为<div></div>的标签。

4.1.4 层级选择器
$('.c1 .c2 div')

是指找到应用样式c1的标签下应用c2样式的标签下的所有<div></div>标签。

4.1.5 多选择器
$('#name1,#name2,span')

是指找到所有的ID为name1和所有ID为name2和所有<span></span>标签。

4.1.6 属性选择器
$("div[class='name1']")

是指找到<div></div>标签里面class为name1的标签。

4.2间接标签选择

4.2.1 找到同级标签
<div>
    <div>JAVA</div>
    <div id="name1">Python</div>
    <div>C/C++</div>
</div>

$('name1').prev();//找到前一个同级标签
$('name1').next();//找到后一个同级标签
$('name1').siblings()//找到所有的同级标签
4.2.2 找到父类和子类标签
$('name1').parent();//找到上一个父类标签
$('name1').children();//找到所有的子类标签

4.3案例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="text" id="userid" placeholder="请输入学号">
<input type="text" id="username" placeholder="请输入用户名">
<input type="button" id="my_btn" value="提交">
<ul id="mylist">

</ul>
<script src="static/jquery-3.7.1.min.js"></script>
<script type="text/javascript">
    $('#my_btn').click(function (){
        var id_user=$('#userid').val();
        var name_user=$('#username').val();
        var text=id_user+'-'+name_user;
        $('#mylist').append($('<li>').text(text));
    });
</script>
</body>
</html>

效果：
image-20240123180415807

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：/a/343579.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

【极数系列】Flink项目入门搭建（03）

【极数系列】Flink项目入门搭建（03）

【极数系列】Flink项目入门搭建&#xff08;03&#xff09; 引言 gitee地址&#xff1a;https://gitee.com/shawsongyue/aurora.git 源码直接下载可运行&#xff0c;模块&#xff1a;aurora_flink Flink 版本&#xff1a;1.18.0 Jdk 版本&#xff1a;11 1.创建mavenx项目 2.…
阅读更多...
基于taro搭建小程序多项目框架

基于taro搭建小程序多项目框架

前言 为什么需要这样一个框架&#xff0c;以及这个框架带来的好处是什么&#xff1f; 从字面意思上理解&#xff1a;该框架可以用来同时管理多个小程序&#xff0c;并且可以抽离公用组件或业务逻辑供各个小程序使用。当你工作中面临这种同时维护多个小程序的业务场景时&#xf…
阅读更多...
Unity中UGUI在Mask剪裁粒子特效的实现

Unity中UGUI在Mask剪裁粒子特效的实现

在Unity使用Mask是剪裁不了粒子特效的&#xff0c;之前有想过RenderTexture来实现&#xff0c;不过使用RenderTexture不适合用于很多个特效&#xff0c;因为RenderTexture依赖Camera的照射&#xff0c;如果在背包中每种道具都有不同的特效&#xff0c;那使用RenderTexture则需要…
阅读更多...
对接钉钉机器人发送钉钉通知

对接钉钉机器人发送钉钉通知

实现效果 话不多说 直接上代码 static void sendMsg(String msg) {new Thread(()->{try {String content "{\"msgtype\": \"text\",\"text\": {\"content\": \"" msg "\"}}";HttpUtil.simplePos…
阅读更多...
Unity 桥接模式（实例详解）

Unity 桥接模式（实例详解）

文章目录 示例1&#xff1a;角色与装备系统示例2&#xff1a;UI控件库示例3&#xff1a;渲染引擎模块示例4&#xff1a;AI决策树算法示例5&#xff1a;物理模拟引擎 在Unity游戏开发中&#xff0c;桥接模式&#xff08;Bridge Pattern&#xff09;是一种设计模式&#xff0c;它…
阅读更多...
kafka（一）快速入门

kafka（一）快速入门

一、kafka&#xff08;一&#xff09;是什么&#xff1f; kafka是一个分布式、支持分区、多副本&#xff0c;基于zookeeper协调的分布式消息系统&#xff1b; 二、应用场景 日志收集&#xff1a;一个公司可以用Kafka收集各种服务的log&#xff0c;通过kafka推送到各种存储系统…
阅读更多...
php基础学习之整型进制

php基础学习之整型进制

不同进制的整型数据定义 在 PHP中提供了四种整型的定义方式&#xff1a;十进制定义&#xff0c;二进制定义&#xff0c;八进制定义和十六进制。 定义格式如下&#xff1a; 十进制是最基础的&#xff1a;$a 110;二进制需要在值前面加上0b&#xff1a;$a 0B1101110;&#xf…
阅读更多...
Java线程池，看这一篇足够

Java线程池，看这一篇足够

目录一览 Java线程池1. Executors提供6个线程池快捷创建方式2. ThreadPoolExecutor的7大参数3. 自定义线程池 Java线程池 上一篇《Async注解的注意事项》说到Async注解要配合自定义线程池一起使用&#xff0c;这一节说下Java的线程池。 1. Executors提供6个线程池快捷创建方式…
阅读更多...
第八篇 交叉编译华为云Iot SDK到Orangepi3B

第八篇 交叉编译华为云Iot SDK到Orangepi3B

本篇主要内容&#xff1a; 一、交叉编译华为云Iot SDK依赖1.宿主机安装交叉编译工具链&#xff08;1&#xff09;选择下载交叉编译工具链&#xff08;2&#xff09;解压、添加环境变量、重启2.交叉编译依赖库&#xff08;0&#xff09; 准备工作&#xff08;1&#xff09; 交叉…
阅读更多...
MySQL＞基础sql语句

MySQL＞基础sql语句

阅读目录 1.进入数据库2.数据库操作&#xff08;增删改查用&#xff09;3.表操作(增删改查)4.语句操作(增删改查) 回到顶部 1.进入数据库 打开终端,输入&#xff1a; /usr/local/mysql/bin/mysql -uroot -p回车 输入密码&#xff1a; 回到顶部 2.数据库操作&#xff08;增…
阅读更多...
RabbitMQ环境配置

RabbitMQ环境配置

文章目录 安装Erlang安装RabbitMQ 安装Erlang 下载地址&#xff1a;http://erlang.org/download/otp_win64_25.3.2.7.exe 安装RabbitMQ 下载地址&#xff1a;https://www.rabbitmq.com/install-windows.html 进入RabbitMQ安装目录下的sbin目录 输入以下命令启动管理功能 …
阅读更多...
Java 设计者模式以及与Spring关系(七) 命令和迭代器模式

Java 设计者模式以及与Spring关系(七) 命令和迭代器模式

简介: 本文是个系列一次会出两个设计者模式作用&#xff0c;如果有关联就三个&#xff0c;除此外还会讲解在spring中作用。 23设计者模式以及重点模式 我们都知道设计者模式有3类23种设计模式&#xff0c;标红是特别重要的设计者模式建议都会&#xff0c;而且熟读于心&#…
阅读更多...
Django开发_17_表单类

Django开发_17_表单类

一、介绍 为了简化前端form表单代码 二、步骤 &#xff08;一&#xff09;创建form.py 创建一个表单类 from django import formsclass RegisterForm(forms.Form):reg_name forms.CharField(max_length10, label用户名)reg_pwd forms.CharField(max_length20, label密码…
阅读更多...
python Seq2Seq模型源码实战，超详细Encoder-Decoder模型解析实战；早期机器翻译模型源码demo

python Seq2Seq模型源码实战，超详细Encoder-Decoder模型解析实战；早期机器翻译模型源码demo

1.Seq2Seq&#xff08;Encoder-Decoder&#xff09;模型简介 Seq2Seq&#xff08;Encoder-Decoder&#xff09;模型是一种常用于序列到序列&#xff08;sequence-to-sequence&#xff09;任务的深度学习模型。它由两个主要的组件组成&#xff1a;编码器&#xff08;Encoder&am…
阅读更多...
顶顶通呼叫中心中间件机器人压力测试配置(mod_cti基于FreeSWITCH)

顶顶通呼叫中心中间件机器人压力测试配置(mod_cti基于FreeSWITCH)

介绍 顶顶通呼叫中心中间件机器人压力测试(mod_cit基于FreeSWITCH) 一、配置acl.conf 打开ccadmin-》点击配置文件-》点击acl.conf-》我这里是已经配置好了的&#xff0c;这里的192.168.31.145是我自己的内网IP&#xff0c;你们还需要自行修改 二、配置线路 打开ccadmin-&g…
阅读更多...
社区分享｜百果园选择DataEase搭档蜜蜂微搭实现企业数据应用一体化

社区分享｜百果园选择DataEase搭档蜜蜂微搭实现企业数据应用一体化

百果园&#xff0c;全称为深圳百果园实业&#xff08;集团&#xff09;股份有限公司&#xff0c;2001年12月成立于深圳&#xff0c;2002年开出中国第一家水果专卖店。截至2022年11月&#xff0c;百果园全国门店数量超过5600家&#xff0c;遍布全国140多个城市&#xff0c;消费会…
阅读更多...
实现单链表的增删改查

实现单链表的增删改查

实现单链表的增删改查的功能&#xff1a;头部插入删除/尾部插入删除&#xff0c;查找&#xff0c;在指定位置之前插入数据&#xff0c;删除pos节点&#xff0c;在指定位置之后插入数据&#xff0c;删除pos之后的节点&#xff0c;销毁链表。 SListNode.h #pragma once #includ…
阅读更多...
工程化代码管理高频面试题

工程化代码管理高频面试题

1. git常用命令以及工作中都怎么工作 git init 初始化仓库 ​ git status 查看当前各个区域的代码状态。 ​ git log查看commit记录 ​ git reflog查看完整记录 ​ git add 添加工作区代码到暂存区 ​ Git commit 暂存区代码的提交 ​ git reset 代码的版本回退 ​ git stash …
阅读更多...
Python中的open与JSON的使用

Python中的open与JSON的使用

目录 1 使用 open 函数进行文件操作 2 使用 json 模块进行 JSON 数据处理&#xff1a; 2.1 写入JSON 文件 2.2 读取JSON 文件 在 Python 中&#xff0c;open 函数和 json 模块常用于文件的读写和 JSON 数据的处理。 1 使用 open 函数进行文件操作 open 函数用于打开文件…
阅读更多...
docker安装Rabbitmq教程（详细图文）

docker安装Rabbitmq教程（详细图文）

目录 1.下载Rabbitmq的镜像 2.创建并运行rabbitmq容器 3.启动web客户端 4.访问rabbitmq的微博客户端 5.遇到的问题 问题描述&#xff1a;在rabbitmq的web客户端发现界面会弹出如下提示框Stats in management UI are disabled on this node 解决方法 &#xff08;1&#…
阅读更多...
最新文章

Copyright @ 2022~2023