四、Flask学习之JavaScript

news2024/12/27 11:17:17

四、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

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

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

omron adept控制器维修SmartController EX

omron adept控制器维修SmartController EX

欧姆龙机器人adept运动控制器维修SmartController EX 19300-000 维修范围&#xff1a;姆龙机器人&#xff1b;码垛机器人&#xff1b;搬运机器人&#xff1b;焊机机器人&#xff1b;变位机等。 Adept Viper s650/s850用于装配、物料搬运、包装和机械装卸&#xff0c;循环周期短…
阅读更多...
基于YOLOv8深度学习的102种花卉智能识别系统【python源码+Pyqt5界面+数据集+训练代码】目标检测、深度学习实战

基于YOLOv8深度学习的102种花卉智能识别系统【python源码+Pyqt5界面+数据集+训练代码】目标检测、深度学习实战

《博主简介》 小伙伴们好&#xff0c;我是阿旭。专注于人工智能、AIGC、python、计算机视觉相关分享研究。 ✌更多学习资源&#xff0c;可关注公-仲-hao:【阿旭算法与机器学习】&#xff0c;共同学习交流~ &#x1f44d;感谢小伙伴们点赞、关注&#xff01; 《------往期经典推…
阅读更多...
dom-to-image-more 使用

dom-to-image-more 使用

与网上不同的使用方式&#xff1a; 官网 dom-to-image-more - npm 这里不会出现两行缩略不行的bug yarn add dom-to-image-more 下面 生成图片并下载图片 const picture ref() const dom2img () > {var node picture.valuedomtoimage.toPng(node, { cacheBust: t…
阅读更多...
iou的cpu和gpu源码实现

iou的cpu和gpu源码实现

本专栏主要是深度学习/自动驾驶相关的源码实现,获取全套代码请参考 简介 IoU&#xff08;Intersection over Union&#xff09;是一种测量在特定数据集中检测相应物体准确度的一个标准&#xff0c;通常用于目标检测中预测框&#xff08;bounding box&#xff09;之间准确度的…
阅读更多...
Arduino U8g2库：图形界面库的强大利器，

Arduino U8g2库：图形界面库的强大利器，

Arduino U8g2库&#xff1a;图形界面库的强大利器 介绍 在Arduino世界中&#xff0c;图形界面的显示通常是一项关键的任务。为了简化这个过程&#xff0c;提高开发效率&#xff0c;许多库被开发出来&#xff0c;其中U8g2库就是其中之一。U8g2库是一个功能强大的图形库&#x…
阅读更多...
uniapp复选框 实现排他选项

uniapp复选框 实现排他选项

选择了排他选项之后 复选框其他选项不可以选择 <view class"reportData" v-for"(val, index) in obj" :key"index"> <view v-if"val.type 3" ><u-checkbox-group v-model"optionValue" placement"colu…
阅读更多...
web系统服务器监控检查

web系统服务器监控检查

一、检查操作系统是否存在增减文件&#xff0c;是否有shell被上传 要检查操作系统是否存在增减文件或是否有shell被上传&#xff0c;您可以按照以下步骤进行操作&#xff1a; 文件完整性检查&#xff1a; 使用文件系统的完整性检查工具&#xff0c;例如fsck&#xff08;对于ext…
阅读更多...
项目一：踏上Java开发之旅

项目一：踏上Java开发之旅

文章目录 一、实战概述二、实战步骤任务1&#xff1a;安装配置JDK并开发第一个Java程序步骤一&#xff1a;安装JDK步骤二&#xff1a;配置JDK环境变量步骤三&#xff1a;开发第一个Java程序 课堂练习任务1、打印个人信息任务2、打印直角三角形任务3、打印一颗爱心任务4、打印史…
阅读更多...
git：使用git rebase合并多次commit为一个

git：使用git rebase合并多次commit为一个

git log&#xff1a;找到需要合并的最早 commit 的父级 git rebase -i 73a5cd8597除第一个 pick 外&#xff0c;将其它改成 s&#xff0c;改完后保存退出 保存完后弹出 commit message 合并提示&#xff0c;根据这次合并的目的&#xff0c;重写commit message&#xff0c;改完后…
阅读更多...
软考复习之软件工程篇

软考复习之软件工程篇

软件生命周期 问题定义&#xff1a;要示系统分析员与用户进行交流&#xff0c;弄清”用户需要计算机解决什么问题”然后提出关于“系统目标与范围的说明”&#xff0c;提交用户审查和确认 可行性研究&#xff1a;一方面在于把待开发的系统的目标以明确的语言描述出来&#xf…
阅读更多...
httpClient忽略https的证书认证

httpClient忽略https的证书认证

忽略https证书认证代码: /*** 创建模拟客户端&#xff08;针对 https 客户端禁用 SSL 验证&#xff09;* return* throws Exception*/public static CloseableHttpClient createHttpClientWithNoSsl() throws Exception {// Create a trust manager that does not validate cer…
阅读更多...
【C++】初步认识基于C的优化

【C++】初步认识基于C的优化

C祖师爷在使用C语言时感觉到了不方便的一些点&#xff0c;于是一步一步改进优化&#xff0c;最后形成了C 本文将盘点一下基于C的语法优化 目录 命名空间&#xff1a;命名空间定义&#xff1a;命名空间使用&#xff1a; C输入&输出&#xff1a;cout&#xff1a;endl&#…
阅读更多...
司铭宇老师：门店服装销售技巧培训：卖衣服销售方法和技巧

司铭宇老师：门店服装销售技巧培训：卖衣服销售方法和技巧

门店服装销售技巧培训&#xff1a;卖衣服销售方法和技巧 在服装零售行业&#xff0c;销售方法和技巧对于提升销售业绩和增强顾客满意度至关重要。一个成功的销售人员需要掌握如何吸引顾客、如何展示商品、如何促成交易等多方面的技能。以下是关于卖衣服的销售方法和技巧的详细…
阅读更多...
ai智能写作软件有分享吗？分享4款解放双手的软件！

ai智能写作软件有分享吗？分享4款解放双手的软件！

随着人工智能技术的不断发展&#xff0c;AI智能写作软件逐渐成为内容创作者们的新宠。这些软件不仅能够帮助我们快速生成高质量的文本内容&#xff0c;还能在优化搜索引擎排名等方面发挥重要作用。本文将为大家介绍几款常用的AI智能写作软件&#xff0c;让您轻松提升内容创作效…
阅读更多...
如何在飞书创建企业ChatGPT智能问答助手应用并实现公网远程访问(1)

如何在飞书创建企业ChatGPT智能问答助手应用并实现公网远程访问(1)

文章目录 前言环境列表1.飞书设置2.克隆feishu-chatgpt项目3.配置config.yaml文件4.运行feishu-chatgpt项目5.安装cpolar内网穿透6.固定公网地址7.机器人权限配置8.创建版本9.创建测试企业10. 机器人测试 前言 在飞书中创建chatGPT机器人并且对话&#xff0c;在下面操作步骤中…
阅读更多...
Unity | 渡鸦避难所-8 | URP 中利用 Shader 实现角色受击闪白动画

Unity | 渡鸦避难所-8 | URP 中利用 Shader 实现角色受击闪白动画

1. 效果预览 当角色受到攻击时&#xff0c;为了增加游戏的视觉效果和反馈&#xff0c;可以添加粒子等动画&#xff0c;也可以使用 Shader 实现受击闪白动画&#xff1a;受到攻击时变为白色&#xff0c;逐渐恢复为正常颜色 本游戏中设定英雄受击时播放粒子效果&#xff0c;怪物…
阅读更多...
pytorch实战-6手写数字加法机-迁移学习

pytorch实战-6手写数字加法机-迁移学习

1 概述 迁移学习概念&#xff1a;将已经训练好的识别某些信息的网络拿去经过训练识别另外不同类别的信息 优越性&#xff1a;提高了训练模型利用率&#xff0c;解决了数据缺失的问题&#xff08;对于新的预测场景&#xff0c;不需要大量的数据&#xff0c;只需要少量数据即可…
阅读更多...
IP代理可以保护信息安全吗？

IP代理可以保护信息安全吗？

“随着互联网的普及和发展&#xff0c;网络安全问题已经成为众多企业和个人所面临的严峻挑战。保护信息安全已成为企业的核心竞争力之一&#xff0c;而IP代理正成为实现这一目标的有效手段。” 一、IP代理真的可以保护用户信息安全吗&#xff1f; IP代理作为一种网络工具&…
阅读更多...
CSS基本知识总结

CSS基本知识总结

目录 一、CSS语法 二、CSS选择器 三、CSS样式表 1.外部样式表 2.内部样式表 3.内联样式 四、CSS背景 1.背景颜色&#xff1a;background-color 2.背景图片&#xff1a;background-image 3.背景大小&#xff1a;background-size 4.背景图片是否重复&#xff1a;backg…
阅读更多...
鸿蒙应用开发学习：获取手机位置信息

鸿蒙应用开发学习：获取手机位置信息

一、前言 移动应用中经常需要获取设备的位置信息&#xff0c;因此在鸿蒙应用开发学习中&#xff0c;如何获取手机的位置信息是必修课。之前我想偷懒从别人那里复制黏贴代码&#xff0c;于是在百度上搜了一下&#xff0c;可能是我输入的关键字不对&#xff0c;结果没有找到想要…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023