AJAX —— 学习（一）

news2024/11/20 15:13:48

目录

一、原生 AJAX

（一）AJAX 介绍

1.理解

2.作用

3.最大的优势

4.应用例子

（二）XML 介绍

1.理解

2.作用

（三）AJAX 的特点

1.优点

2.缺点

二、HTTP 协议 

（一）HTTP 介绍

（二）HTTP 报文 格式与参数

1.请求报文

请求行：

请求头：

空行：

请求体：

2.响应报文 

响应行：

响应头：

空行：

响应体：

（三）浏览器查看 HTTP 报文

三、Node.js 

（一）Node.js 介绍

（二）Express 框架

1.介绍

2.语法

四、AJAX GET 请求实例

（一）准备阶段：

1.界面展示

2.代码部分

3.Express 框架代码：

（二）启动阶段

​编辑（三）构建 AJAX 请求：

拓展： AJAX 修改 get 方法 url 参数：

五、AJAX POST 请求实例 

（一）准备阶段

 （二）执行阶段

拓展：AJAX 设置 post 方法 请求体：

拓展：设置请求头

完整代码：

一、原生 AJAX

（一）AJAX 介绍

1.理解

AJAX 全称是 Asynchronous JavaScript And XML

根据意思就是异步的 JS 和 XML

AJAX 不是新的编程语言 是将现有的标准组合在一起使用的新方式

2.作用

可以在浏览器中向服务器发送异步请求

3.最大的优势

无刷新获取数据

4.应用例子

百度搜索栏 中搜索 下拉列表出现相关的关键字信息

注册用户名时 查看用户名是否与数据库里面的用户名重复

淘宝 鼠标放到相应的分类上，就请求服务器加载相应的模块，用户不用就不加载

今日头条 刷今日头条时 滚动新闻到底时 向服务器发送 ajax 请求 然后服务器返回资源 通过 js 创建相应的模块

（二）XML 介绍

1.理解

XML 全称叫做可扩展标记语言

和 HTML 超文本标记语言 类似，都是由标签组成的，但是 HTML 里面都是预定义标签 就是都是本来就定义好的标签，标签不是我们自己起的名 。XML 里面都是自定义标签

之前浏览器实现上面的应用例子就是使用 AJAX 让 服务器向浏览器返回 XML 文件数据的形式实现的

现在已经被 JSON 取代了

2.作用

被设计用来传输和存储数据

HTML 是用来呈现数据

（三）AJAX 的特点

1.优点

无需刷新页面与服务器进行通信

允许我们根据用户事件来更新部分页面内容

2.缺点

没有浏览历史不能回退，就是使用 AJAX 不能回退

存在跨域问题 就是默认不能 从A.com 向 B.com 发送 AJAX请求

对 SEO 优化不友好 在网页源代码中找不到想用的信息，源代码是响应体，不能用爬虫爬到商品信息

二、HTTP 协议 

（一）HTTP 介绍

全称是 hypertext transport protocol 超文本传输协议，详细规定了浏览器和万维网服务器之间相互通信的规则

网页都用到 HTTP 协议，包含两个过程

浏览器向服务器发送请求服务，发送的请求内容就叫 请求报文

服务器进行响应， 响应后返回给浏览器的内容就叫 响应报文

（二）HTTP 报文 格式与参数

格式和参数是重点

1.请求报文
请求行：

1、请求类型： get / post

2、url ：/s?ie=utf-8

3、 版本： HTTP/1.1

请求头：

形式都是 Host： hahah.com 这样的名字冒号空格加值的形式

空行：

必须有的空行

请求体：

可以有可以没有

如果是 get 请求 请求体为空

如果是 post 请求 请求体可以不为空 useraname=admin&password=admin

2.响应报文 
响应行：

1、版本： HTTP/1.1

2、响应状态码：200 404 503 401 500 200 等

3、状态字符串： OK

响应头：

空行：

必须有的空行

响应体：

返回的 html 的格式放在这里 浏览器会把响应体的内容提出出来解析，在页面渲染和显现

（三）浏览器查看 HTTP 报文

百度搜索谷粒学院 点击 network（网络） 按 f12 刷新 到如下页面

当前网站所有发送的请求都会列出来

点击第一个 ，右边出现另一个标签域 主要看 Headers （消息头）和 Response（请求）

Headers：

主要看 Response Headers（响应头）和 Request Headers（请求头）

先看 Request Headers（请求头），里面都是请求头的内容

查到的请求行的内容 ：

GET /s?ie=utf-8&f=8&rsv_bp=1&rsv_idx=1&tn=monline_3_dg&wd=%E8%B0%B7%E7%B2%92%E5%AD%A6%E9%99%A2&fenlei=256&rsv_pq=0xa243dec300563c69&rsv_t=423d6bjsnQ7jIKSr4gKgYoZnI6gEitQBkZMM5YutvpoOYcT42XjiOdZ9IkyHAEcabaQS&rqlang=en&rsv_dl=ib&rsv_enter=1&rsv_sug3=30&rsv_sug1=25&rsv_sug7=101 HTTP/1.1

查到的请求头内容 ：

都是名字冒号 空格内容的格式

Host: www.baidu.com
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:124.0) Gecko/20100101 Firefox/124.0
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,*/*;q=0.8
Accept-Language: zh-CN,zh;q=0.8,zh-TW;q=0.7,zh-HK;q=0.5,en-US;q=0.3,en;q=0.2
Accept-Encoding: gzip, deflate, br
Connection: keep-alive
Cookie: BAIDUID=7DCC82ADD4258F05619537EBC525C6DC:FG=1; BIDUPSID=7DCC82ADD4258F0548070E60074AEBFC; PSTM=1710229679; BD_UPN=13314752; H_PS_PSSID=40080_40377_40415_40304_40465_40481_39662_40510_40514_40398_40446_60043_60027_60031_60046; BDORZ=FFFB88E999055A3F8A630C64834BD6D0; H_PS_645EC=01f3chrp9JvriT98psI3s1%2Fnj2yTwDT2n1EROd6H76K27TXD%2F3vhG5FSLD%2FwlWH6J0XW; BA_HECTOR=a18g01012hah04212g2h8k2kcnba2a1j0la631t; ZFY=sn:AMmt3ZqRqrj8YYt6fZ5tnF0cnOqwEERvmi0qhfhts:C; delPer=0; BD_CK_SAM=1; PSINO=1; BDRCVFR[Fc9oatPmwxn]=mk3SLVN4HKm
Upgrade-Insecure-Requests: 1
Sec-Fetch-Dest: document
Sec-Fetch-Mode: navigate
Sec-Fetch-Site: none
Sec-Fetch-User: ?1

get 类型请求体为空

再看过滤字符串：是对请求行中的 url 中的参数进行解析 对以后调试参数很方便 看看数据是否发送过去

看响应

查到的响应行内容：

HTTP/1.1 200 OK

 查到的响应头内容 ：

Bdpagetype: 3
Bdqid: 0xe5f8700d000082d2
Cache-Control: private
Ckpacknum: 2
Ckrndstr: d000082d2
Connection: keep-alive
Content-Encoding: br
Content-Security-Policy: frame-ancestors 'self' https://chat.baidu.com http://mirror-chat.baidu.com https://fj-chat.baidu.com https://hba-chat.baidu.com https://hbe-chat.baidu.com https://njjs-chat.baidu.com https://nj-chat.baidu.com https://hna-chat.baidu.com https://hnb-chat.baidu.com http://debug.baidu-int.com;
Content-Type: text/html;charset=utf-8
Date: Mon, 01 Apr 2024 12:33:11 GMT
P3p: CP=" OTI DSP COR IVA OUR IND COM "
Server: BWS/1.1
Set-Cookie: BDRCVFR[Fc9oatPmwxn]=mk3SLVN4HKm; path=/; domain=.baidu.com
Set-Cookie: H_PS_PSSID=40080_40377_40415_40304_40465_40481_39662_40510_40514_40398_40446_60043_60027_60031_60046; path=/; expires=Tue, 01-Apr-25 12:33:11 GMT; domain=.baidu.com
Set-Cookie: X-Use-Search-BFF-WWW=deleted; expires=Thu, 01-Jan-1970 00:00:01 GMT; path=/; domain=.baidu.com
Set-Cookie: delPer=0; path=/; domain=.baidu.com
Set-Cookie: BD_CK_SAM=1;path=/
Set-Cookie: PSINO=1; domain=.baidu.com; path=/
Set-Cookie: BDSVRTM=22; path=/
Strict-Transport-Security: max-age=172800
Traceid: 1711974791043318554616571118030046659282
Vary: Accept-Encoding
X-Ua-Compatible: IE=Edge,chrome=1
X-Xss-Protection: 1;mode=block
Transfer-Encoding: chunked

 响应体的具体内容：

三、Node.js 

（一）Node.js 介绍

Node.js  是基于 Chrome V8 引擎的 JavaScript 运行时

可以看成个运用程序 可以解析js 代码 对计算机资源进行操作

去官网安装好适合的 Node.js 版本就行了

（二）Express 框架

1.介绍

就是用来写服务端，然后启动服务端的

Express 是基于Node.js 平台快速开发极简的 Web 开发框架，学习一下基本使用

因为 AJAX 要给服务器发请求所以需要一个服务端，就用这个 Express 框架 相对简单内容较少

2.语法

先引入 express 框架

然后创建应用对象

创建路由规则，函数里面有两个参数，分别是请求报文和响应报文的封装

监听端口启动服务

// 1、先引入 express 框架
const express = require('express')
// 2、然后创建应用对象
const app = express()
// 3、创建路由规则，函数里面有两个参数，分别是请求报文和响应报文的封装
app.get('/',(request,response)=>{
  // 设置响应
   response.send('HELLO EXPRESS')
})
// 4、监听端口启动服务
app.listen(8000,()=>{
  console.log('服务已经启动，8000端口监听中...')
})

 启动端口结果

查看我们向 8000端口发送的内容

查看请求响应报文：

 响应体：响应头和响应体 组成了完整的响应报文

四、AJAX GET 请求实例

（一）准备阶段：

先写前端界面 要求按下按钮 返回响应体 的内容到 div 中

1.界面展示

2.代码部分
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>AJAX GET 请求</title>
</head>
<style>
  #result {
    width: 200px;
    height: 100px;
    border: solid pink 1px;
  }
</style>

<body>
  <button>点击发送请求</button>
  <div id="result"></div>
</body>

</html>
3.Express 框架代码：
// 1、先引入 express 框架
const express = require('express')
// 2、然后创建应用对象
const app = express()
// 3、创建路由规则，函数里面有两个参数，分别是请求报文和响应报文的封装
app.get('/sever', (request, response) => {
  // 设置响应头 设置允许跨域
  response.setHeader('Access-Control-Allow-Origin', '*')
  // 设置响应体
  response.send('HELLO EXPRESS')
})
// 4、监听端口启动服务
app.listen(8000, () => {
  console.log('服务已经启动，8000端口监听中...')
})

（二）启动阶段

右键外层文件夹 在终端中打开

然后运行文件

这时会发现报错了，显示8000端口被占用，这是因为刚才实验已经启动了这段代码，8000端口正在被使用，右边 node 就表示 有服务正在被启动

点击右面 node 然后 按下 ctrl + c 关闭刚才的服务

右边的 node 消失了 成功关闭

然后再启动我们要的服务就解决了

 检验结果发现能成功返回 响应体，并且有我们新添加的响应头成功实现

（三）构建 AJAX 请求：

不用刷新页面就实现了实现页面获取响应体的过程

AJAX 请求的具体使用需要详细的查看下面具体代码实现，笔记在代码里面，复制到 vscode 中好好看

<body>
  <button>点击发送请求</button>
  <div id="result"></div>
  <script>
    // 获得button元素
    const btn = document.getElementsByTagName('button')[0]
    // 绑定事件
    btn.onclick = function () {
      // 创建对象
      const xhr = new XMLHttpRequest();
      // 初始化设置请求方法 和url（就是发送的对象）
      xhr.open('GET', 'http://127.0.0.1:8000/server')
      // 发送
      xhr.send()
      // 事件绑定 处理服务端返回的结果
      //on 相当于 when 当。。。时候
      //readystate 是 xhr 对象中的属性，表示状态 0 1 2 3 4
      //0：未初始化 默认是0
      //1：open 方法已经调用完毕
      //2：send 方法已经调用完毕
      //3：服务端返回了部分结果
      //4：服务端返回了全部结果
      // change 是改变的意思
      xhr.onreadystatechange = function () {
        // 在里面处理服务端返回的结果 在 4 时再处理
        if (xhr.readyState === 4) {
          // 判断响应的状态码 200 404 403 401 500
          // 2 开头都表示成功
          if (xhr.status >= 200 && xhr.status < 300) {
            // 处理结果 行 头 空行 体
            // 相应行
            console.log(xhr.status)//状态码
            console.log(xhr.statusText)//状态字符串
            console.log(xhr.getAllResponseHeaders())//所有响应头
            console.log(xhr.response)//响应体

          }
        }
      }
    }
  </script>
</body>

拓展： AJAX 修改 get 方法 url 参数：

在 AJAX 中修改参数 get方法 没有请求体

在 url 的后面加上参数 ?a=100&b=200的形式‘

语法：问号分隔 参数名字 = 参数值 & 多余参数 = 多余参数值

xhr.open('GET', 'http://127.0.0.1:8000/server?a=100&b=200')

检查一下是否成功看见蓝色后面有我们刚才写的东西，右边也有a，b 两个参数成功

五、AJAX POST 请求实例 

（一）准备阶段

要求 鼠标放到框上的时候向服务端发送 POST请求，服务器返回响应体并在盒子上展现

界面展示：

代码部分：

仿照上面 GET 方法案例书写 AJAX 请求代码

<body>
  <div id="result"></div>
  <script>
    // 获得元素对象
    const result = document.getElementById("result")
    // 绑定事件
    result.addEventListener('mouseover', function () {
      // 创建对象
      const xhr = new XMLHttpRequest();
      // 初始化设置请求方法 和url（就是发送的对象）
      xhr.open('POST', 'http://127.0.0.1:8000/server')
      // 发送
      xhr.send()
      // 事件绑定 处理服务端返回的结果
      xhr.onreadystatechange = function () {
        // 在里面处理服务端返回的结果 在 4 时再处理
        if (xhr.readyState === 4) {
          // 判断响应的状态码 200 404 403 401 500
          // 2 开头都表示成功
          if (xhr.status >= 200 && xhr.status < 300) {
            result.innerHTML = xhr.response
          }
        }
      }
    })
</body>

 （二）执行阶段

在页面中刷新发现报错，显示缺少 Access...

 因为服务端没有与之匹配的路由规则，还没设置响应头

服务器还用之前的 get 方法 所以才报错

 再复制加一个 POST 方法就行了

// 1、先引入 express 框架
const express = require('express')
// 2、然后创建应用对象
const app = express()
// 3、创建路由规则，函数里面有两个参数，分别是请求报文和响应报文的封装
app.get('/server', (request, response) => {
  // 设置响应头 设置允许跨域
  response.setHeader('Access-Control-Allow-Origin', '*')
  // 设置响应体
  response.send('HELLO AJAX')
})
app.post('/server', (request, response) => {
  // 设置响应头 设置允许跨域
  response.setHeader('Access-Control-Allow-Origin', '*')
  // 设置响应体
  response.send('HELLO AJAX POST')
})
// 4、监听端口启动服务
app.listen(8000, () => {
  console.log('服务已经启动，8000端口监听中...')
})

刷新页面显示结果

然后再自行查看一下报文对不对就行了

拓展：AJAX 设置 post 方法 请求体：

发送 设置的请求体

POST 方法设置请求体写在send() 方法里面

修改代码使用下面的语句测试，这个请求体 成功发给了服务器

xhr.send('a=100&b=200')

 冒号也行 其实任意格式都可以只要服务器有方式能 处理这个类型数据就行 ‘12121654’ 都行

还是按照具体格式进行比较好

xhr.send('a:100&b:200')

 

拓展：设置请求头

要想设置请求头的内容就需要在 open() 和 send() 之间再加一个 下面的方法 第一个参数代表了请求体内容（'a:100&b:200'）的类型，第二个参数一长串 是 参数查询字符串的类型 是固定写法

xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded')

也可以自定义请求头如下

xhr.setRequestHeader('name', 'hahaha')

但是自定义会报错，因为我们使用了自定义的请求头，浏览器出于保护机制不让我们这么做

但是我们能在我们的服务端 （express）加入一个特殊的请求头解决这个问题 ，如下

星号表示所有类型的头信息都可以接受

  response.setHeader('Access-Control-Allow-Headers', '*')

但是还是不行，因为 AJAX 在设置好 之后还会发送一个 option 请求来校验，但是我们服务端只能接收 post 类型的请求

 我们可以把请求类型改成 all 就是所有类型请求都能接收就好了

app.all('/server', (request, response) => {
  // 设置响应头 设置允许跨域
  response.setHeader('Access-Control-Allow-Origin', '*')
  // 特殊响应头
  response.setHeader('Access-Control-Allow-Headers', '*')
  // 设置响应体
  response.send('HELLO AJAX POST')
})

 结果不报错，成功

 

完整代码：

前端 AJAX：

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>AJAX POST 请求</title>
</head>
<style>
  #result {
    width: 200px;
    height: 100px;
    border: solid pink 1px;
  }
</style>

<body>
  <div id="result"></div>
  <script>
    // 获得元素对象
    const result = document.getElementById("result")
    // 绑定事件
    result.addEventListener('mouseover', function () {
      // 创建对象
      const xhr = new XMLHttpRequest();
      // 初始化设置请求方法 和url（就是发送的对象）
      xhr.open('POST', 'http://127.0.0.1:8000/server')
      // 设置请求头
      xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded')
      // 自定义请求头
      xhr.setRequestHeader('name', 'hahaha')
      // 发送
      xhr.send('a=100&b=200')
      // 事件绑定 处理服务端返回的结果
      xhr.onreadystatechange = function () {
        // 在里面处理服务端返回的结果 在 4 时再处理
        if (xhr.readyState === 4) {
          // 判断响应的状态码 200 404 403 401 500
          // 2 开头都表示成功
          if (xhr.status >= 200 && xhr.status < 300) {
            result.innerHTML = xhr.response
          }
        }
      }
    })
  </script>
</body>

</html>

服务端：

// 1、先引入 express 框架
const express = require('express')
// 2、然后创建应用对象
const app = express()
// 3、创建路由规则，函数里面有两个参数，分别是请求报文和响应报文的封装
app.get('/server', (request, response) => {
  // 设置响应头 设置允许跨域
  response.setHeader('Access-Control-Allow-Origin', '*')
  // 设置响应体
  response.send('HELLO AJAX')
})
app.all('/server', (request, response) => {
  // 设置响应头 设置允许跨域
  response.setHeader('Access-Control-Allow-Origin', '*')
  // 特殊响应头
  response.setHeader('Access-Control-Allow-Headers', '*')
  // 设置响应体
  response.send('HELLO AJAX POST')
})
// 4、监听端口启动服务
app.listen(8000, () => {
  console.log('服务已经启动，8000端口监听中...')
})

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

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

相关文章

【攻防世界】ics-05

【攻防世界】ics-05

php://filter 伪协议查看源码 preg_replace 函数漏洞 1.获取网页源代码。多点点界面&#xff0c;发现点云平台设备维护中心时&#xff0c;页面发生变化。 /?pageindex 输入什么显示什么&#xff0c;有回显。 用php://filter读取网页源代码 ?pagephp://filter/readconvert.…
阅读更多...
docker安装、调试qsign签名服务器

docker安装、调试qsign签名服务器

go-cqhttp 在 Docker 里早就部署好了&#xff0c;由于没有搭建 qsign 签名服务器&#xff0c;所以迟迟不敢上线。今天终于搞定了在 Docker 下安装 qsign 签名服务器了。这次用的docker市场里找到的镜像&#xff0c;下次找时间制作一个自己的镜像。 1 拉取和运行镜像&#xff1a…
阅读更多...
轻薄本没有独立显卡如何运行stable diffusion

轻薄本没有独立显卡如何运行stable diffusion

众所周知&#xff0c;Stable Diffusion WebUI 使用 GPU 模式运行。 一&#xff1a;检查自己显卡 打开任务管理器或者winR 输入dxdiag 查看自己显卡状态 很明显一般轻薄本只会带有集显&#xff0c;不能满足stable diffusion要求所以我们可以使用cup来运行stable diffusion 在…
阅读更多...
转让1000万不良资产处置公司包变更需要多久

转让1000万不良资产处置公司包变更需要多久

随着经济的发展和市场的变化&#xff0c;越来越多的公司需要进行资产的处置和转让&#xff0c;以提言公司的效益和盈利。山东不良资产处置公司作为一家专门服务于资产处置和转让的企业&#xff0c;其流程与变更步骤对于资产转让的操作至关重要。可以致电咨询我或者来公司面谈。…
阅读更多...
电荷泵如何实现升压原来

电荷泵如何实现升压原来

电荷泵如何实现升压原来 某芯片自举栅极驱动内部原理图迪克森电荷泵 某芯片自举栅极驱动内部原理图 迪克森电荷泵 迪克森电荷泵&#xff08;Dickson Charge Pump&#xff09;是一种电压倍增器电路&#xff0c;可以将低电压升高到较高电压&#xff0c;相对于其他电压升压电路&a…
阅读更多...
网站建设 之 发布ios

网站建设 之 发布ios

首先将forceDev改为false 然后执行npm run build:ios 然后用xocode安装到手机上进行测试 ##Version&#xff08;应用程序发布版本号&#xff09; 对应的就是CFBundleShortVersionString。该版本的版本号是三个时期分隔的整数组成的字符串&#xff1a; 第一个整数代表重大修…
阅读更多...
Pytoch安装记录

Pytoch安装记录

使用pycharm 1、CUDA的安装 官网&#xff1a;CUDA Toolkit Archive | NVIDIA Developer 选择对应的版本 选择对应的版本进行下载&#xff1a; 有3个多G cuda的安装需要注意&#xff0c;如果没有安装vs&#xff0c;则需要选择自定义安装&#xff0c;在自定义的安装中取消 安…
阅读更多...
101. 对称二叉树及同类题

101. 对称二叉树及同类题

101. 对称二叉树 力扣题目链接(opens new window) 给定一个二叉树&#xff0c;检查它是否是镜像对称的。 递归 /*** Definition for a binary tree node.* public class TreeNode {* int val;* TreeNode left;* TreeNode right;* TreeNode() {}* TreeNo…
阅读更多...
SSM框架学习——Eclipse创建Spring MVC maven项目

SSM框架学习——Eclipse创建Spring MVC maven项目

Spring MVC项目创建 什么是Spring MVC Spring MVC是Spring内置的&#xff0c;实现了Web MVC设计模式的框架。 它解决了Web开发过程中很多的问题&#xff0c;例如参数接收、表单验证等。另外它采用松散耦合可插拔组件等结构&#xff0c;具有相对较高的灵活性和扩展性。 Spri…
阅读更多...
企业案例：金蝶云星空集成钉钉，帆软BI

企业案例：金蝶云星空集成钉钉，帆软BI

正文&#xff1a;在数字化转型的大潮中&#xff0c;众多企业开始探索并实践高效的数据流转与集成&#xff0c;以提升内部管理效率和决策质量。本文将以某企业为例&#xff0c;详细介绍如何通过将钉钉审批流程的数据实时同步至金蝶云星空&#xff0c;并进一步在帆软报表平台上实…
阅读更多...
控制台RPG 游戏实现双缓冲无屏闪，玩家类，地图类

控制台RPG 游戏实现双缓冲无屏闪，玩家类，地图类

重整控制台RPG——双缓冲无屏闪以及第一个无中生有的地图类&#xff0c;玩家类_哔哩哔哩_bilibili 是鄙人解说鄙人的代码 #include <iostream> #include <string.h> #include <windows.h>#define KEY_DOWN(vKey) ((GetAsyncKeyState(vKey) & 0x8000) ?…
阅读更多...
Prometheus+grafana环境搭建MongoDB(docker+二进制两种方式安装)(五)

Prometheus+grafana环境搭建MongoDB(docker+二进制两种方式安装)(五)

由于所有组件写一篇幅过长&#xff0c;所以每个组件分一篇方便查看&#xff0c;前四篇mongodb的exporter坑也挺多总结一下各种安装方式&#xff0c;方便后续考古。 Prometheusgrafana环境搭建方法及流程两种方式(docker和源码包)(一)-CSDN博客 Prometheusgrafana环境搭建rabb…
阅读更多...
先进电气技术 —— （控制理论）何为稳定性？

先进电气技术 —— （控制理论）何为稳定性？

一、系统稳定性 在控制理论中&#xff0c;系统稳定性是一个非常关键的概念&#xff0c;它主要涉及系统对外界扰动或内部变动的响应行为。以下是与系统稳定性相关的一些核心名词及其解释&#xff1a; 基本概念 稳定性&#xff08;Stability&#xff09; 系统稳定性是指当系统受…
阅读更多...
【Linux】make 工具和 Makefile 文件的引入

【Linux】make 工具和 Makefile 文件的引入

前面提到了 gcc 编译器&#xff0c;那么使用 gcc 编译器肯定就会接触到 Makefile 。当源码文件比较多的时候就不适合通过直接输入 gcc 命令来编译&#xff0c;这时候就需要一个自动化的编译工具 make 。 举例&#xff1a;通过键盘输入两个整形数字&#xff0c;然后计算他们的和…
阅读更多...
matlab中角度-弧度转化

matlab中角度-弧度转化

在 MATLAB 中进行角度和弧度之间的转换可以使用内置的函数&#xff1a; 1. 将角度转换为弧度&#xff1a; matlab rad deg * pi / 180; 这里 deg 是你想要转换的角度值&#xff0c;pi 是 MATLAB 内置的圆周率常量。 2. 将弧度转换为角度&#xff1a; matlab…
阅读更多...
【linux】重定向|缓冲区

【linux】重定向|缓冲区

read函数 将文件标识符为fd的文件内容读到buf中去&#xff0c;读count个&#xff0c;read的返回值是实际读到的个数&#xff0c;有可能文件中没有count个&#xff0c;但是read返回的还是实际读到的个数 stat函数 调用这个函数可以查到对应文件的属性&#xff0c;比方说文件大小…
阅读更多...
BUUCTF-MD5

BUUCTF-MD5

BUUCTF-MD5 1 注意&#xff1a;得到的 flag 请包上 flag{} 提交 27120bd8-e273-4528-97a9-28dcebe236de.zip flag{admin1} e00cf25ad42683b3df678c61f42c6bdahttps://www.cmd5.com/
阅读更多...
3.6k star, 免费开源跨平台的数据库管理工具 dbgate

3.6k star, 免费开源跨平台的数据库管理工具 dbgate

3.6k star, 免费开源跨平台的数据库管理工具 dbgate 分类 开源分享 项目名: dbgate -- 免费开源跨平台的数据库管理工具 Github 开源地址&#xff1a; GitHub - dbgate/dbgate: Database manager for MySQL, PostgreSQL, SQL Server, MongoDB, SQLite and others. Runs under…
阅读更多...
《UE5_C++多人TPS完整教程》学习笔记30 ——《P31 摄像机和弹簧臂（Camera And Spring Arm）》

《UE5_C++多人TPS完整教程》学习笔记30 ——《P31 摄像机和弹簧臂（Camera And Spring Arm）》

本文为B站系列教学视频 《UE5_C多人TPS完整教程》 —— 《P31 摄像机和弹簧臂&#xff08;Camera And Spring Arm&#xff09;》 的学习笔记&#xff0c;该系列教学视频为 Udemy 课程 《Unreal Engine 5 C Multiplayer Shooter》 的中文字幕翻译版&#xff0c;UP主&#xff08;…
阅读更多...
在云端遇见雨云：一位服务器寻觅者的指南

在云端遇见雨云：一位服务器寻觅者的指南

引言&#xff1a;寻觅一座云端归宿 当我踏入数字世界的边缘&#xff0c;带着对网络的探索与期待&#xff0c;我迫切需要一座安全可靠的数字栖息地。云计算技术正如一场魔法般的变革&#xff0c;而在这片广袤的云端中&#xff0c;雨云就像是一位友善的向导&#xff0c;引领我穿越…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023