当前位置：首页 > news >正文

跨域的几种方案

news 来源：原创 2025/7/1 7:43:27

因为浏览器出于安全考虑，有同源策略。也就是说，如果协议、域名、端口有一个不同就是跨域，Ajax 请求会失败。

我们可以通过以下几种常用方法解决跨域的问题

JSONP

JSONP 的原理很简单，就是利用 <script> 标签没有跨域限制的漏洞。通过 <script> 标签指向一个需要访问的地址并提供一个回调函数来接收数据

涉及到的端

JSONP 需要服务端和前端配合实现。

<script src="http://domain/api?param1=a&param2=b&callback=jsonp"></script>
<script>function jsonp(data) {console.log(data)}
</script>

JSONP 使用简单且兼容性不错，但是只限于 get 请求

具体实现方式

在开发中可能会遇到多个 JSONP 请求的回调函数名是相同的，这时候就需要自己封装一个 JSONP，以下是简单实现

function jsonp(url, jsonpCallback, success) {let script = document.createElement("script");script.src = url;script.async = true;script.type = "text/javascript";window[jsonpCallback] = function(data) {success && success(data);};document.body.appendChild(script);
}
jsonp("http://xxx","callback",function(value) {console.log(value);}
);

CORS

CORS （Cross-Origin Resource Sharing，跨域资源共享）是目前最为广泛的解决跨域问题的方案。方案依赖服务端/后端在响应头中添加 Access-Control-Allow-* 头，告知浏览器端通过此请求

涉及到的端

CORS 只需要服务端/后端支持即可，不涉及前端改动

CORS需要浏览器和后端同时支持。IE 8 和 9 需要通过 XDomainRequest 来实现。
浏览器会自动进行 CORS 通信，实现CORS通信的关键是后端。只要后端实现了 CORS，就实现了跨域。
服务端设置 Access-Control-Allow-Origin 就可以开启 CORS。该属性表示哪些域名可以访问资源，如果设置通配符则表示所有网站都可以访问资源。

CORS 实现起来非常方便，只需要增加一些 HTTP 头，让服务器能声明允许的访问来源

只要后端实现了 CORS，就实现了跨域

以 koa框架举例

添加中间件，直接设置Access-Control-Allow-Origin请求头

app.use(async (ctx, next)=> {ctx.set('Access-Control-Allow-Origin', '*');ctx.set('Access-Control-Allow-Headers', 'Content-Type, Content-Length, Authorization, Accept, X-Requested-With , yourHeaderFeild');ctx.set('Access-Control-Allow-Methods', 'PUT, POST, GET, DELETE, OPTIONS');if (ctx.method == 'OPTIONS') {ctx.body = 200; } else {await next();}
})

具体实现方式

CORS 将请求分为简单请求（Simple Requests）和需预检请求（Preflighted requests），不同场景有不同的行为

简单请求：不会触发预检请求的称为简单请求。当请求满足以下条件时就是一个简单请求：

请求方法：GET、HEAD、POST。
请求头：Accept、Accept-Language、Content-Language、Content-Type。
- Content-Type 仅支持：application/x-www-form-urlencoded、multipart/form-data、text/plain

需预检请求：当一个请求不满足以上简单请求的条件时，浏览器会自动向服务端发送一个 OPTIONS 请求，通过服务端返回的Access-Control-Allow-* 判定请求是否被允许

CORS 引入了以下几个以 Access-Control-Allow-* 开头：

Access-Control-Allow-Origin 表示允许的来源
Access-Control-Allow-Methods 表示允许的请求方法
Access-Control-Allow-Headers 表示允许的请求头
Access-Control-Allow-Credentials 表示允许携带认证信息

当请求符合响应头的这些条件时，浏览器才会发送并响应正式的请求

nginx反向代理

反向代理只需要服务端/后端支持，几乎不涉及前端改动，只用切换接口即可

nginx 配置跨域，可以为全局配置和单个代理配置(两者不能同时配置)

全局配置，在nginx.conf文件中的 http 节点加入跨域信息

http {# 跨域配置add_header 'Access-Control-Allow-Origin' '$http_origin' ;add_header 'Access-Control-Allow-Credentials' 'true' ;add_header 'Access-Control-Allow-Methods' 'PUT,POST,GET,DELETE,OPTIONS' ;add_header 'Access-Control-Allow-Headers' 'Content-Type,Content-Length,Authorization,Accept,X-Requested-With' ;
}

局部配置（单个代理配置跨域）, 在路径匹配符中加入跨域信息

server {listen       8080;server_name  server_name;charset utf-8;location / {# 这里配置单个代理跨域，跨域配置add_header 'Access-Control-Allow-Origin' '$http_origin' ;add_header 'Access-Control-Allow-Credentials' 'true' ;add_header 'Access-Control-Allow-Methods' 'PUT,POST,GET,DELETE,OPTIONS' ;add_header 'Access-Control-Allow-Headers' 'Content-Type,Content-Length,Authorization,Accept,X-Requested-With' ;#配置代理 代理到本机服务端口proxy_pass http://127.0.0.1:9000;proxy_redirect   off;proxy_set_header Host $host:$server_port;proxy_set_header X-Real-IP $remote_addr;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;}
}

Node 中间层接口转发

const router = require('koa-router')()
const rp = require('request-promise');// 通过node中间层转发实现接口跨域
router.post('/github', async (ctx, next) => {let {category = 'trending',lang = 'javascript',limit,offset,period} = ctx.request.body lang = lang || 'javascript'limit = limit || 30offset = offset || 0period = period || 'week'let res =  await rp({method: 'POST',// 跨域的接口uri: `https://e.juejin.cn/resources/github`,body: {category,lang,limit,offset,period},json: true})ctx.body = res
})module.exports = router

Proxy

如果是通过vue-cli脚手架工具搭建项目，我们可以通过webpack为我们起一个本地服务器作为请求的代理对象

通过该服务器转发请求至目标服务器，得到结果再转发给前端，但是最终发布上线时如果web应用和接口服务器不在一起仍会跨域

在vue.config.js文件，新增以下代码

module.exports = {devServer: {host: '127.0.0.1',port: 8080,open: true,// vue项目启动时自动打开浏览器proxy: {'/api': { // '/api'是代理标识，用于告诉node，url前面是/api的就是使用代理的target: "http://xxx.xxx.xx.xx:8080", //目标地址，一般是指后台服务器地址changeOrigin: true, //是否跨域pathRewrite: { // pathRewrite 的作用是把实际Request Url中的'/api'用""代替'^/api': "" }}}}
}

通过axios发送请求中，配置请求的根路径

axios.defaults.baseURL = '/api'

此外，还可通过服务端实现代理请求转发，以express框架为例

var express = require('express');
const proxy = require('http-proxy-middleware')
const app = express()
app.use(express.static(__dirname + '/'))
app.use('/api', proxy({ target: 'http://localhost:4000', changeOrigin: false}));
module.exports = app

websocket

webSocket本身不存在跨域问题，所以我们可以利用webSocket来进行非同源之间的通信

原理：利用webSocket的API，可以直接new一个socket实例，然后通过open方法内send要传输到后台的值，也可以利用message方法接收后台传来的数据。后台是通过new WebSocket.Server({port:3000})实例，利用message接收数据，利用send向客户端发送数据。具体看以下代码：

function socketConnect(url) {// 客户端与服务器进行连接let ws = new WebSocket(url); // 返回`WebSocket`对象，赋值给变量ws// 连接成功回调ws.onopen = e => {console.log('连接成功', e)ws.send('我发送消息给服务端'); // 客户端与服务器端通信}// 监听服务器端返回的信息ws.onmessage = e => {console.log('服务器端返回：', e.data)// do something}return ws; // 返回websocket对象
}
let wsValue = socketConnect('ws://121.40.165.18:8800'); // websocket对象

document.domain（不常用）

该方式只能用于二级域名相同的情况下，比如 a.test.com 和 b.test.com 适用于该方式。
只需要给页面添加 document.domain = ‘test.com’ 表示二级域名都相同就可以实现跨域
自 Chrome 101 版本开始，document.domain 将变为可读属性，也就是意味着上述这种跨域的方式被禁用了

postMessage（不常用）

在两个 origin 下分别部署一套页面 A 与 B，A 页面通过 iframe 加载 B 页面并监听消息，B 页面发送消息

这种方式通常用于获取嵌入页面中的第三方页面数据。一个页面发送消息，另一个页面判断来源并接收消息

// 发送消息端
window.parent.postMessage('message', 'http://test.com');
// 接收消息端
var mc = new MessageChannel();
mc.addEventListener('message', (event) => {var origin = event.origin || event.originalEvent.origin;if (origin === 'http://test.com') {console.log('验证通过')}
});

window.name（不常用）

主要是利用 window.name 页面跳转不改变的特性实现跨域，即 iframe 加载一个跨域页面，设置 window.name，跳转到同域页面，可以通过 $(‘iframe’).contentWindow.name 拿到跨域页面的数据

实例说明

比如有一个www.example.com/a.html页面。需要通过a.html页面里的js来获取另一个位于不同域上的页面www.test.com/data.html中的数据。

data.html页面中设置一个window.name即可,代码如下

<script>window.name = "我是data.html中设置的a页面想要的数据";
</script>

那么接下来问题来了，我们怎么把data.html页面载入进来呢，显然我们不能直接在a.html页面中通过改变window.location来载入data.html页面（因为我们现在需要实现的是a.html页面不跳转,但是也能够获取到data.html中的数据）
具体的实现其实就是在a.html页面中使用一个隐藏的iframe来充当一个中间角色，由iframe去获取data.html的数据，然后a.html再去得到iframe获取到的数据。
充当中间人的iframe想要获取到data.html中通过window.name设置的数据，只要要把这个iframe的src设置为www.test.com/data.html即可,然后a.html想要得到iframe所获取到的数据，也就是想要得到iframe的widnow.name的值，还必须把这个iframe的src设置成跟a.html页面同一个域才行，不然根据同源策略，a.html是不能访问到iframe中的window.name属性的

<!-- a.html中的代码 -->
<iframe id="proxy" src="http://www.test.com/data.html" style="display: none;" onload = "getData()"> <script>function getData(){var iframe = document.getElementById('proxy);iframe.onload = function(){var data = iframe.contentWindow.name;//上述即为获取iframe里的window.name也就是data.html页面中所设置的数据；}iframe.src = 'b.html'; //这里的b为随便的一个页面，只有与a.html同源就行，目的让a.html等访问到iframe里的东西，设置成about:blank也行}
</script>

上面的代码只是最简单的原理演示代码，你可以对使用js封装上面的过程，比如动态的创建iframe,动态的注册各种事件等等，当然为了安全，获取完数据后，还可以销毁作为代理的iframe

补充

跨域与监控

前端项目在统计前端报错监控时会遇到上报的内容只有 Script Error 的问题。这个问题也是由同源策略引起。在 <script> 标签上添加 crossorigin=“anonymous” 并且返回的 JS 文件响应头加上 Access-Control-Allow-Origin: * 即可捕捉到完整的错误堆栈

跨域与图片

前端项目在图片处理时可能会遇到图片绘制到 Canvas 上之后却不能读取像素或导出 base64 的问题。这个问题也是由同源策略引起。解决方式和上文相同，给图片添加 crossorigin=“anonymous” 并在返回的图片文件响应头加上 Access-Control-Allow-Origin: * 即可解决

跨域的几种方案

因为浏览器出于安全考虑，有同源策略。也就是说，如果协议、域名、端口有一个不同就是跨域，Ajax 请求会失败。我们可以通过以下几种常用方法解决跨域的问题 JSONP JSONP 的原理很简单，就是利用 <script> 标签没有跨域限制…...

编程日记 2025/7/1 7:43:27

5 WPF中的application对象介绍

WPF Application 类提供了一系列生命周期事件，了解它们的触发顺序对于应用程序开发非常重要。以下是主要事件的触发顺序 1. 主要事件顺序 Startup - 应用程序启动时触发这是第一个触发的事件适合在此处初始化应用程序级资源可以在此取消启动(通过设置e.Cancel = true) Act…...

编程日记 2025/6/28 22:56:57

Nexus首次亮相迪拜 TOKEN2049：以“手机 + 钱包 + 公链 + RWA”生态系统引领未来区块链基建

迪拜，2025年5月—— 全球 Web3 基础设施创新平台 Nexus，在本年度迪拜 TOKEN2049 全球峰会上完成了其主网与全生态系统的首次国际公开亮相。此次参会不仅展示了 Nexus 的国际生态布局，更标志着其迈出了全球化战略关键一步。凭借对现实世界资产…...

编程日记 2025/6/29 0:18:26

C++ 套接字函数详细介绍

目录头文件1. 套接字创建与配置2. 绑定地址与端口3. 连接建立4. 数据传输5. 套接字选项6. 地址转换7. 套接字关闭8. 其他实用函数 C 套接字函数详细介绍套接字(Socket)是网络通信的基本端点，C中通常使用BSD套接字API进行网络编程。以下是主要的套接字相关函数及其…...

编程日记 2025/6/28 23:27:32

WordPress 和 GPL – 您需要了解的一切

如果您使用 WordPress，GPL 对您来说应该很重要，您也应该了解它。查看有关 WordPress 和 GPL 的最全面指南。您可能听说过 GPL（通常被称为 WordPress 的权利法案），但很可能并不完全了解它。这是有道理的–这是一个复杂…...

编程日记 2025/6/29 1:21:56

机器人示教操作

机器人基础操作 **ES机器人试教操作知识** **1. 视角移动** **1.1 基础模式** - 关节轴控制：通过关节1至关节6实现单轴正反转移动 - 直线移动：通过X/Y/Z坐标轴沿指定方向直线移动 - 旋转移动：通过RX/RY/RZ坐标轴绕指定轴旋转 **1.2 步进模式…...

编程日记 2025/6/29 1:05:27

【python】UnicodeDecodeError: ‘gbk‘ codec can‘t decode byte 0xb2

报错 C:\Users\zhangbin\AppData\Local\Programs\Python\Python310\python.exe D:\XTRANS\cuda\03-graph-db\04-cmkg\pdf2zh-v1.9.9-with-assets-win64\pdf2zh\gui.py Traceback (most recent call last): File “D:\XTRANS\cuda\03-graph-db\04-cmkg\pdf2zh-v1.9.9-with-asset…...

编程日记 2025/7/1 7:43:26

[python] python静态方法,类方法,实例方法实现及其区别

一静态方法格式: 使用 staticmethmod 装饰器修饰应用: 某个方法既不需要使用实例属性也不需要使用类属性时,就可以考虑使用静态方法注意: 静态方法与类无关,可以被转换成函数使用,属于类本身 1.1 经典示例创建一个与日期相关的辅助函数,这些函数不需要访问或修改类的…...

编程日记 2025/7/1 7:43:25

Kite AI 自动机器人部署教程

最近比较火的AI赛道，每日自动对话训练AI，赚积分一个个用于 Kite AI 平台的自动交互机器人，支持多钱包和代理。登记注册链接 🌟 功能多钱包支持（手动输入或基于文件） 代理支持（HTTP/HTTP…...

编程日记 2025/6/28 22:56:01

50. Pow(x, n)

50. Pow(x, n) 分治法的基本思想是将一个大问题分解成若干个相同或相似的小问题，递归地解决这些小问题，然后将这些小问题的解合并起来得到原问题的解。 class Solution:def myPow(self, x: float, n: int) -> float:# 内部定义了一个嵌套的辅助函数…...

编程日记 2025/6/28 23:33:06

Go 语言 sqlx 库使用：对 MySQL 增删改查

MySQL 作为目前最流行的开源关系型数据库，其 SQL 语法体系已形成行业标准，相关知识体系庞大且成熟，本文不再对 SQL 基础进行详细展开，建议尚未掌握的读者先行系统学习。本文聚焦于如何使用 Go 语言进行 MySQL 数据库操作&#xff…...

编程日记 2025/7/1 7:42:14

反射, 注解, 动态代理

文章目录单元测试什么是单元测试咱们之前是如何进行单元测试的？ 有啥问题 ？现在使用方法进行测试优点Junit单元测试的使用步骤删除不需要的jar包总结反射认识反射、获取类什么是反射反射具体学什么？反射第一步：或者Class对象获…...

编程日记 2025/6/29 0:51:25

继续预训练 LLM ——数据筛选的思路

GPT生成数据微调qwen-2.5多模态模型实战项目作者：柠檬养乐多原文地址：https://zhuanlan.zhihu.com/p/30645776656 qwen2.5-vl是阿里通义实验室推出的qwen系列最新多模态大模型，在许多指标上已经超过或接近了gpt-4o。更为方便的是&#xff0…...

编程日记 2025/6/28 23:57:06

深入解析 PostgreSQL 外部数据封装器（FDW）的 SELECT 查询执行机制

引言 PostgreSQL 中的外部数据封装器（Foreign Data Wrapper, FDW）是一种扩展，允许您像访问 PostgreSQL 数据库中的表一样，访问和操作存储在外部数据源中的数据。FDW 使 PostgreSQL 能够与多种数据存储系统（包括关系型…...

编程日记 2025/6/29 1:08:06

数据库系统概论|第六章：关系数据理论—课程笔记2

前言前文我们介绍了规划化的基本概念，同时引入了关于规范化的相关定义与基本概念，低一级范式的关系模式，通过模式分解，可以转换为若干个高一级范式的关系模式的集合，这种过程就叫规范化。本文将围绕范式展开讨论&…...

编程日记 2025/6/29 1:18:49

package-lock.json能否直接删除？

package-lock.json能否直接删除？ package-lock.json 生成工具：由 npm 自动生成。触发条件：当运行 npm install 时，如果不存在 package-lock.json，npm 会创建它；如果已存在，npm 会根据它精确安…...

编程日记 2025/6/29 0:22:29

Ubuntu磁盘空间分析：du命令及常用组合

1、du命令的作用 du（Disk Usage）是 Ubuntu 系统中用于查看目录或文件磁盘使用情况的命令，主要用于分析磁盘空间占用。 2、语法 du [选项] [目录/文件路径]常用选项 2.1、-h 以 KB、MB、GB 等人性化可读格式（Human-readable&am…...

编程日记 2025/6/28 22:55:59

《数据库原理》部分习题解析1

《数据库原理》部分习题解析1 1. 名词解释 （1）关系（2）属性（3）域（4）元组（5）码（6）分量（7）关系模式 &#xff0…...

编程日记 2025/6/28 23:49:46

汇川Easy系列PLC数据值改变功能块(随动增益改变判断)

PLC值改变事件值改变触发功能块 PLC值改变事件值改变触发功能块(SCL ST完整源代码)-CSDN博客文章浏览阅读1.1k次。本文介绍了在PLC中处理值改变事件的方法，包括值改变触发功能块的实现，详细讲解了FB接口定义、ST代码，并提供了在博途平台上的实现。此外，还分享了如何利用…...

编程日记 2025/6/28 22:56:03

数据清洗的艺术：如何为AI模型准备高质量数据集？

数据清洗的艺术：如何为AI模型准备高质量数据集？ 引言在人工智能和机器学习领域，我们常常听到"垃圾进，垃圾出"(Garbage in, garbage out)这句格言。无论你的模型架构多么精妙，算法多么先进，如果…...

编程日记 2025/7/1 7:43:25

怎么查看当前vue项目，要求的node.js版本

怎么查看当前vue项目，要求的node.js版本找到 package.json package-lock.json 搜索 node...

编程日记 2025/6/28 23:07:15

游戏引擎学习第278天:将实体存储移入世界区块

总结并为今天的内容做好铺垫今天的内容是关于开发一个完整的实体系统，目标是让这个系统更加实际和有效。之前讨论了如何通过一个模拟区域来处理无限大的世界。最初，使用浮动点数而不是双精度浮点数来避免潜在的精度问题，因为一些平台&#…...

编程日记 2025/6/28 23:58:58

计算机组成与体系结构：缓存设计概述（Cache Design Overview）

目录 Block Placement（块放置） Block Identification（块识别） Block Replacement（块替换） Write Strategy（写策略） 总结： 高速缓存设计包括四个基础核心概念&#xf…...

编程日记 2025/6/28 23:44:01

在Linux中如何使用Kill(),向进程发送发送信号

kill()函数 #include <sys/types.h> #include <signal.h> int kill(pid_t pid, int sig); 函数参数和返回值含义如下: pid:参数 pid 为正数的情况下,用于指定接收此信号的进程 pid;除此之外,参数 pid 也可设置为 0 或-1 以及小于-1 等不同值,稍后给说明。 …...

编程日记 2025/6/29 0:17:17

ElasticSearch重启之后shard未分配问题的解决

以下是Elasticsearch重启后分片未分配问题的完整解决方案，结合典型故障场景与最新实践： 一、快速诊断定位 ‌检查集群状态 GET /_cluster/health?pretty # status为red/yellow时需关注unassigned_shards字段值 ‌ 2.查看未分配分片详情 …...

编程日记 2025/6/28 23:58:40

基于 Spring Boot 瑞吉外卖系统开发（十四）

基于 Spring Boot 瑞吉外卖系统开发（十四） 查询订单在管理端的首页，单击左侧菜单栏中的“订单明细”，会在右侧打开订单明细页面。请求路径：/order/page 请求方法：GET 参数：page pageSize …...

编程日记 2025/6/29 0:27:53

【软件测试】第二章·软件测试的基本概念

🌈 个人主页：十二月的猫-CSDN博客 🔥 系列专栏：🏀软件测试与软件项目管理_十二月的猫的博客-CSDN博客 💪🏻 十二月的寒冬阻挡不了春天的脚步，十二点的黑夜遮蔽不住黎明的曙光目录 …...

编程日记 2025/6/28 22:56:48

部署安装gitlab-ce-17.9.7-ce.0.el8.x86_64.rpm

目录编辑实验环境所需软件实验开始安装部署gitlab171.配置清华源仓库（版本高的系统无需做）vim /etc/yum.repos.d/gitlab-ce.repo 2.提前下载包dnf localinstall gitlab-ce-17.9.7-ce.0.el8.x86_64.rpm --rocklinux 3.修改配…...

编程日记 2025/6/28 23:46:11

2025五一杭州西湖三天游

2025五一杭州西湖三天游文章目录 2025五一杭州西湖三天游一、前言二、杭州游玩记录三、杭州三日游小结四、杭州美食街1、河坊街2、胜利河美食街3、高银街4、中山南路美食街5、武林夜市6、啦喜街美食广场7、大兜路美食街五、豆包推荐的杭州三日游攻略三天主要行程**第一天&…...

编程日记 2025/6/29 0:09:57

实验五：以太网UDP全协议栈的实现（通过远程实验系统）

文章目录 FPGA以太网：从ARP到UDP的完整协议栈一、引言二、核心模块详解1. ARP协议处理模块1.1 `arp_cache`：ARP缓存模块1.2 `arp_tx`：ARP请求与应答发送模块1.3 `arp_rx`：ARP接收与解析模块2. MAC层处理模块2.1 `mac_layer`：MAC层顶层模块2.2 `mac_tx_mode`：MAC发送模式选…...

编程日记 2025/6/29 1:19:32

现代计算机图形学Games101入门笔记(八)

三角形三点已经知道在uv的位置了，那三角形内部的点，怎么算。先看A 任一点面积比求根据三点坐标属性差值出内部点的位置。纹理太小了，映射处理方式，取邻近的Nearest感觉一格格的，取周围4个权重Bilinear,取4*4Bicubi…...

编程日记 2025/6/28 23:50:20

C语言学习之文件操作

经过前面的学习，我们已经基本掌握了如何去写一个C语言的代码了。但是在实际的项目中，我们不可能不需要文件去操作。因为如果没有文件，我们写的程序是存储在电脑的内存中的。如果程序推出，内存回收数据就随之丢失了。如果我们要对数…...

编程日记 2025/6/28 22:56:50

《AI大模型应知应会100篇》第63篇：AutoGPT 与 BabyAGI：自主代理框架探索

第63篇：AutoGPT 与 BabyAGI：自主代理框架探索摘要随着大语言模型（LLM）技术的不断演进，自主代理（Autonomous Agent） 正在成为 AI 应用的新范式。它不仅能够理解用户意图，还能自主规…...

编程日记 2025/6/28 22:56:43

使用大模型预测急性结石性疾病技术方案

目录 1. 数据预处理与特征工程伪代码 - 数据清洗与特征处理数据预处理流程图2. 大模型构建与训练伪代码 - 模型训练模型训练流程图3. 术前预测系统伪代码 - 术前风险评估术前预测流程图4. 术中实时调整系统伪代码 - 术中风险预警术中调整流程图5. 术后护理系统伪代码 - 并发症预…...

编程日记 2025/6/28 22:56:08

基于运动补偿的前景检测算法

这段代码实现了基于运动补偿的前景检测算法。主要功能包括： 运动补偿模块：使用基于网格的 KLT 特征跟踪算法计算两帧之间的运动，然后通过单应性变换实现帧间运动补偿。前景检测模块：结合两帧运动补偿结果，通过帧间差…...

编程日记 2025/6/28 22:56:09

鸿蒙OSUniApp开发富文本编辑器组件#三方框架 #Uniapp

使用UniApp开发富文本编辑器组件富文本编辑在各类应用中非常常见，无论是内容创作平台还是社交软件，都需要提供良好的富文本编辑体验。本文记录了我使用UniApp开发一个跨平台富文本编辑器组件的过程，希望对有类似需求的开发者有所启发。背景…...

编程日记 2025/6/28 23:24:24

W5500使用SocketTool工具测试

W5500使用SocketTool工具测试 1、按“WINR” 2、输入“IPCONFIG”，得到计算机的IP地址，子网掩码和网关 3、设置W5500设备网络参数如下： 本地网关：192.168.1.1 本地子网掩码: 255.255.255.0 本地物理地址：0C 2…...

编程日记 2025/6/28 22:56:10

《Python星球日记》第71天：命名实体识别（NER）与关系抽取

名人说：路漫漫其修远兮，吾将上下而求索。—— 屈原《离骚》创作者：Code_流苏(CSDN)（一个喜欢古诗词和编程的Coder😊） 目录一、命名实体识别（NER）基础1. 什么是命名实体识别&#…...

编程日记 2025/6/28 23:15:16

双向长短期记忆网络-BiLSTM

5月14日复盘二、BiLSTM 1. 概述双向长短期记忆网络（Bi-directional Long Short-Term Memory，BiLSTM）是一种扩展自长短期记忆网络（LSTM）的结构，旨在解决传统 LSTM 模型只能考虑到过去信息的问题。BiLST…...

编程日记 2025/6/28 23:13:26

CentOS7原有磁盘扩容实战记录（LVM非LVM）【针对GPT分区】

一、环境二、命令及含义 fdisk ‌ ‌ fdisk‌是一个较老的分区表创建和管理工具，主要支持MBR（Master Boot Record）格式的分区表。MBR分区表支持的硬盘单个分区最大容量为2TB，最多可以有4个主分区。fdisk通过命令行界面进行操…...

编程日记 2025/6/29 0:40:47

如何在终端/命令行中把PDF的每一页转换成图片（PNG）

今天被对象安排了一个任务： 之前自己其实也有这个需要，但是吧，我懒：量少拖拽，量大就放弃。但这次躲不过去了，所以研究了一下有什么工具可以做到这个需求。本文记录我这次发现的使用 XpdfReader 的方法。…...

编程日记 2025/6/28 22:56:17

【0415】Postgres内核释放指定 memory context 中所有内存 ④

1. frees all memory （memory context） Postgres内核中由函数 AllocSetReset() 完成该功能。即 “释放给定set中分配的所有内存。” 它应当将所有已分配的chunks标记为已释放，但不一定需要归还set所拥有的全部资源。我们的实际实现是，除了“保留”块(“keeper” block)（…...

编程日记 2025/6/28 22:56:39

2025年Flutter初级工程师技能要求

在2025年，随着移动应用市场的持续增长和跨平台开发需求的不断增加，Flutter已经成为许多公司构建高性能、跨平台应用的首选框架。对于初入职场的Flutter初级工程师来说，掌握以下技能要求是必不可少的。这些技能不仅能够帮助你在工作中快速上手…...

编程日记 2025/6/29 1:19:19

AWS技术助力企业满足GDPR合规要求

GDPR(通用数据保护条例)作为欧盟严格的数据保护法规,给许多企业带来了合规挑战。本文将探讨如何利用AWS(亚马逊云服务)的相关技术来满足GDPR的核心要求,帮助企业实现数据保护合规。一、GDPR核心要求概览 GDPR的主要目标是保护欧盟公民的个人数据和隐私权。其核心要求包括: 数…...

编程日记 2025/6/28 22:56:16

MVCC：数据库并发控制的利器

在并发环境下，数据库需要处理多个事务同时访问和修改数据的情况。为了保证数据的一致性和隔离性，数据库需要采用一些并发控制机制。MVCC (Multi-Version Concurrency Control，多版本并发控制) 就是一种常用的并发控制技术，它通过维…...

编程日记 2025/6/28 22:56:13

第二章、Isaaclab强化学习包装器(3)：SKRL Wrapper

0 前言官方文档：https://isaac-sim.github.io/IsaacLab/main/source/api/lab_rl/isaaclab_rl.html#module-isaaclab_rl.skrl https://skrl.readthedocs.io/en/latest/intro/getting_started.html 在本节中，您将学习如何使用 skrl 库的各种组件来创建强…...

编程日记 2025/6/29 0:45:31

AI数字人实现原理

随着人工智能与数字技术的快速发展，AI数字人（Digital Human）作为新一代人机交互媒介，正在多个行业中快速落地。无论是在虚拟主播、在线客服、教育培训，还是在数字代言、元宇宙中，AI数字人都扮演着越来越重要…...

编程日记 2025/6/28 22:56:15

RBTree的模拟实现

1：红黑树的概念红⿊树是⼀棵⼆叉搜索树，他的每个结点增加⼀个存储位来表⽰结点的颜⾊，可以是红⾊或者⿊⾊。通过对任何⼀条从根到叶⼦的路径上各个结点的颜⾊进⾏约束，红⿊树确保没有⼀条路径会⽐其他路径⻓出2倍，因…...

编程日记 2025/6/29 0:55:04

ssh connect to remote gitlab without authority

ssh connect to remote gitlab without authority 1 this command can produce a ssh key for authority ssh-keygen -t ed25519 -C "your_emailexample.com"2 this command can get the comment about the key cat ~/.ssh/id_ed25519.pubcopy all content !!!...

编程日记 2025/6/29 0:21:30

gitlab提交测试分支的命令和流程

写在前面先npm run lint:eslint 先走一遍代码校验然后再提交先把检验跑了再add commit push那些注意一下这个问题:git commit规范不对导致报错subject may not be empty[subject-empty]type may not be empty[type-empty]. 配置lint检查后， 使用commitlint之后报…...

编程日记 2025/6/28 23:33:05