v-rep--websocket接口

websocket是什么

V-REP 中的 Web Socket 是一种用于在 V-REP 和外部应用程序之间进行通信的协议和技术。Web Socket 基于 TCP 连接,可以提供双向、实时的数据传输,适用于互动性或实时交互性应用。

(比如v-rep在云服务器上运行,通过websocket和用户所使用的web前端通信)


什么是云仿真

就是将v-rep的仿真程序发送到云服务器上,借助云服务器更好的硬件设备更高效地运行v-rep程序,用户可以从云服务器上获取需要的v-rep数据。

使用云仿真是将 V-REP 的仿真环境迁移到云端,让 V-REP 在云服务器上进行运行,用户通过互联网,通过浏览器等远程接入云端的 V-REP环境来完成仿真操作。因此,使用云仿真不需要将 V-REP 的程序发送到云服务器上运行,而是将 V-REP 的仿真环境放到云端进行运行,用户可以通过互联网访问云端的 V-REP 环境,进行仿真任务,而不需要在本地计算机上安装和配置 V-REP 软件。
 

什么是云端

云端(Cloud)指的是互联网上的远程服务器,也被成为“云服务器”,是封装计算资源的虚拟化环境。云端提供了一个集中式的存储、管理和运行数据和应用程序的平台,用户可以通过互联网访问这些数据和应用程序。

《互联网上用于管理,存储,运行数据的服务器》

websocket在v-rep中的作用

完成云服务器上v-rep仿真和web浏览器之间的通信。

websocket的实现

v-rep内部websocket实现(服务端)

wsRemoteAPI

源码链接

sim = require 'sim'
removeLazyLoaders()wsRemoteApi = {}
//获取wsRemoteApi.verbose这个v-rep全局参数的值,无值返回0
function wsRemoteApi.verbose()return sim.getNamedInt32Param('wsRemoteApi.verbose') or 0
endfunction wsRemoteApi.require(name)_G[name] = require(name)
endfunction wsRemoteApi.info(obj)if type(obj) == 'string' then obj = wsRemoteApi.getField(obj) endif type(obj) ~= 'table' then return obj end
//~=  :表示不等于local ret = {}for k, v in pairs(obj) doif type(v) == 'table' thenret[k] = wsRemoteApi.info(v)elseif type(v) == 'function' thenret[k] = {func = {}}elseif type(v) ~= 'function' thenret[k] = {const = v}endendreturn ret
end
/*
该函数接受一个字符串类型的参数 `f`,表示要获取的值的键。在 Lua 语言中,字符串类似于表中的字段名,可以作为表索引来访问对应的值。例如,`_G['print']` 可以获取 Lua 语言中的 `print` 函数。在函数体内部,首先将 `_G` 赋值给变量 `v`,表示从全局变量表开始查找。然后通过 `string.gmatch` 函数循环遍历字符串类型的键 `f` 中所有的单词和下划线,以及它们出现的顺序。在每次循环中,根据单词获取表 `v` 中对应的值,并将其赋值给变量 `v`。如果在遍历的过程中遇到了 `v` 为空(`nil`)的情况,则说明字符串类型的键在 `_G` 全局变量表中不存在,于是返回 `nil`。最后返回变量 `v`,表示找到了对应的值,并将其返回。
*/
//获取key(f)对应的value
function wsRemoteApi.getField(f)local v = _Gfor w in string.gmatch(f, '[%w_]+') dov = v[w]if not v then return nil endendreturn v
endfunction wsRemoteApi.handleRequest(req)if wsRemoteApi.verbose() > 1 then print('request received:', req) endlocal resp = {}resp['id'] = req['id']if req['func'] ~= nil and req['func'] ~= '' thenlocal func = wsRemoteApi.getField(req['func'])local args = req['args'] or {}if not func thenresp['error'] = 'No such function: ' .. req['func']elselocal status, retvals = pcall(function()local ret = {func(unpack(args))}return retend)resp[status and 'ret' or 'error'] = retvalsendelseif req['eval'] ~= nil and req['eval'] ~= '' thenlocal status, retvals = pcall(function()local ret = {loadstring('return ' .. req['eval'])()}return retend)resp[status and 'ret' or 'error'] = retvalsendresp['success'] = resp['error'] == nilif wsRemoteApi.verbose() > 1 then print('returning response:', resp) endreturn resp
endfunction onWSMessage(server, connection, message)local rawReq = message-- if first byte is '{', it *might* be a JSON payloadif rawReq:byte(1) == 123 thenlocal req, ln, err = json.decode(rawReq)if req ~= nil thenlocal resp = wsRemoteApi.handleRequest(req)resp = json.encode(resp)simWS.send(server, connection, resp, simWS.opcode.text)returnendend-- if we are here, it should be a CBOR payloadlocal status, req = pcall(cbor.decode, rawReq)if status thenlocal resp = wsRemoteApi.handleRequest(req)resp = cbor.encode(resp)-- resp=sim.packTable(resp,1)simWS.send(server, connection, resp, simWS.opcode.binary)returnendsim.addLog(sim.verbosity_errors, 'cannot decode message: no suitable decoder')return ''
endfunction wsRemoteApi.publishStepCount()-- if wsRemoteApi.verbose()>1 then--    print('publishing simulationTimeStepCount='..simulationTimeStepCount)-- end
endfunction sysCall_info()return {autoStart = sim.getNamedBoolParam('wsRemoteApi.autoStart') ~= false,menu = 'Connectivity\nWebSocket remote API server',}
endfunction sysCall_init()simWS = require 'simWS'port = sim.getNamedInt32Param('wsRemoteApi.port') or 23050if wsRemoteApi.verbose() > 0 thensim.addLog(sim.verbosity_scriptinfos,string.format('WebSocket Remote API server starting (port=%d)...', port))endjson = require 'dkjson'-- cbor=require 'cbor' -- encodes strings as buffers, always. DO NOT USE!!cbor = require 'org.conman.cbor'wsServer = simWS.start(port)simWS.setMessageHandler(wsServer, 'onWSMessage')if wsRemoteApi.verbose() > 0 thensim.addLog(sim.verbosity_scriptinfos, 'WebSocket Remote API server started')endstepping = false
endfunction sysCall_cleanup()if not simWS then return endif wsServer then simWS.stop(wsServer) endif wsRemoteApi.verbose() > 0 thensim.addLog(sim.verbosity_scriptinfos, 'WebSocket Remote API server stopped')end
endfunction sysCall_addOnScriptSuspend()return {cmd = 'cleanup'}
endfunction sysCall_addOnScriptSuspended()return {cmd = 'cleanup'}
endfunction sysCall_nonSimulation()
endfunction sysCall_beforeMainScript()local outDataif stepping thenoutData = {doNotRunMainScript = not go}go = nilendreturn outData
endfunction sysCall_beforeSimulation()simulationTimeStepCount = 0wsRemoteApi.publishStepCount()
endfunction sysCall_actuation()simulationTimeStepCount = simulationTimeStepCount + 1wsRemoteApi.publishStepCount()
endfunction sysCall_afterSimulation()stepping = false -- auto disable sync. mode
endfunction setStepping(enable)stepping = enablego = nil
endfunction step()go = true
end

wsRemoteAPI中的接口sysCall_init()调用simWS的start接口建立连接。

那么sysCall_init什么时候被执行呢?

v-rep启动的时候就会自动启动连接的监听。

simWS

源码链接

从这个插件的start函数中可以看出,调用start,server端就会listen,然后accept,建立连接。

服务端代码启动流程

1,监听启动

1-1,v-rep启动----调用wsRemoteAPI中的接口sysCall_init(),其中调用simWS的start接口监听,建立连接。

2,事件监听启动

onInstancePass中调用webSocket::server对象的poll接口进行事件监听。

onInstance由v-rep自动调用。

verbose

在 V-REP 中,`wsRemoteApi.verbose()` 函数用于设置或获取远程 API 调用时的日志输出级别。日志输出级别是一个整数值,决定了在进行远程 API 调用时打印哪些日志信息,以便于调试和问题定位。

常见的远程 API 日志输出级别如下:

- 0:不输出任何信息;
- 1:输出仅关键信息,如连接建立和断开等;
- 2:输出详细调用信息,如函数名、参数等;
- 3:输出所有信息,包括调试和错误信息。

浏览器前端websocket实现和接口调用(客户端)

前端怎么打开网页

html双击就会自动使用浏览器打开,浏览器打开就会自动执行html。

(选择Edge浏览器快一些)

客户端代码启动流程

前端页面显示肯定是通过加载html文件,通过解析html文件显示页面的。

前端通过在html中切入js语言,浏览器自动解析并执行。

client端(前端)建立连接只需要两步

1,建立RemoteAPIClient对象;

2,调用RemoteAPIClient中的WebSocketAsPromised对象的open接口发起连接。

前端html中的js建立RemoteAPIClient对象,调用对象open()发起和server的连接,利用这个对象---和服务端建立连接和通信。

        <script>const log = (what) => $('#log').append(`${what}\n`);(async () => {var client = new RemoteAPIClient('localhost', 23050, 'json');log('Connecting...');await client.websocket.open();log('Getting proxy object "sim"...');var sim = await client.require('sim');log('Calling sim.getObject("/Floor")...');var [h] = await sim.getObject('/Floor');log(`Result: ${h}`);})();</script>

client端事件发送

RemoteAPIClient对象中的call接口调用WebScoketAsPromised对象的sendRequest接口发送数据,并等待server端执行返回执行结果数据。

 RemoteAPIClient
"use strict";const WebSocketAsPromised = require('websocket-as-promised');class RemoteAPIClient {//编解码方式(默认为 'cbor')constructor(host = 'localhost', port = 23050, codec = "cbor", opts = {}) {this.host = host;this.port = port;this.codec = codec;var packMessage;var unpackMessage;/*则使用 CBOR 序列化和反序列化库 `CBOR.encode` 和 `CBOR.decode`进行编解码。`packMessage` 为一个函数,将传入的数据进行 CBOR 编码,并返回编码后的结果。`unpackMessage` 为一个异步函数,将传入的数据进行 CBOR 解码,并返回解码后的结果。如果编解码方式为 `'json'`,则使用 JavaScript 原生的 JSON 序列化和反序列化函数 `JSON.stringify` 和 `JSON.parse` 进行编解码。*/if(this.codec == 'cbor') {//this.websocket.binaryType = "arraybuffer";packMessage = data => CBOR.encode(data);unpackMessage = async data => CBOR.decode(await data.arrayBuffer());} else if(this.codec == "json") {packMessage = data => JSON.stringify(data);unpackMessage = data => JSON.parse(data);}var wsOpts = {packMessage,unpackMessage,// attach requestId to message as `id` fieldattachRequestId: (data, requestId) => Object.assign({id: requestId}, data),// read requestId from message `id` fieldextractRequestId: data => data && data.id,};for(var k in opts)wsOpts[k] = opts[k];this.websocket = new WebSocketAsPromised(`ws://${this.host}:${this.port}`, wsOpts);}
/*
使用 `await` 关键字等待该 Promise 对象执行完成并获取响应结果,保存在变量`reply` 中。在该方法中,使用了 `async` 关键字将 `call` 方法标记为异步函数,使其返回一个 Promise 对象。在调用 `await` 时,控制权会交给引擎,等待 WebSocket 通信的异步操作完成,并返回一个响应结果
*/
//函数调用,传递函数名和参数async call(func, args) {var reply = await this.websocket.sendRequest({func, args});if(reply.success) {return reply.ret;} else {throw reply.error;}}
/*
返回name所对应的值,name可能是一个普通变量,也可能是一个建值对的key,或者其他
js对象
*/async getObject(name) {var r = await this.call('wsRemoteApi.info', [name]);return this.getObject_(name, r[0]);}async require(name) {await this.call('wsRemoteApi.require', [name]);return await this.getObject(name);}getObject_(name, _info) {const client = this;var ret = {}for(let k in _info) {var v = _info[k];if(Object.keys(v).length == 1 && v['func'] !== undefined)ret[k] = async function(...args) {return await client.call(name + "." + k, args);};else if(Object.keys(v).length == 1 && v['const'] !== undefined)ret[k] = v['const'];elseret[k] = this.getObject(name + "." + k, null, null, v);}return ret}
}
WebSocketAsPromised


`WebSocketAsPromised` 是一个第三方 JavaScript 库,用于实现基于 Promise 的 WebSocket 连接。
标准的 WebSocket API 使用回调函数来处理事件,例如在连接建立时调用 `onopen` 回调函数,在收到消息时调用 `onmessage` 回调函数等。而使用 `WebSocketAsPromised` 库可以直接返回 Promise 对象来处理 WebSocket 相关的操作,这种写法更符合现代 JavaScript 中基于 Promise 或 async/await 的编程风格,更易于编写和维护。
在这段代码中,`this.websocket` 保存了一个 `WebSocketAsPromised` 类型的对象,表示当前客户端的 WebSocket 连接。`WebSocketAsPromised` 的构造函数需要传递两个参数:WebSocket 的 URL 和 WebSocket 配置对象。其中,URL 参数表示要连接的 WebSocket 服务器的地址和端口号,`wsOpts` 参数为可选参数对象,用于配置 WebSocket 的一些选项,如超时时间、心跳间隔等。
通过创建基于 Promise 的 `WebSocketAsPromised` 类型的对象,可以使用 `async/await` 等方式来处理 WebSocket 连接的事件处理和错误处理,让代码更加简洁、易读和可维护。

open()函数的作用

用于client对端发起连接,和远程server建立连接。

        <script>const log = (what) => $('#log').append(`${what}\n`);(async () => {var client = new RemoteAPIClient('localhost', 23050, 'json');log('Connecting...');await client.websocket.open();log('Getting proxy object "sim"...');var sim = await client.require('sim');log('Calling sim.getObject("/Floor")...');var [h] = await sim.getObject('/Floor');log(`Result: ${h}`);})();</script>
如果open连接失败

如果`open()`连接失败,`open()` 后面的代码不会执行,而是会抛出异常。在这个案例中,如果`await client.websocket.open()`连接失败,控制台会输出一个错误或异常信息,即不会输出"Getting proxy object "sim"..."或"Result: ${h}"。

这是因为`await`关键字会等待异步方法的执行结果,如果异步方法出现错误或异常,则会阻塞当前线程并将错误或异常抛出,因此,如果`open()`连接失败,则异步 `async () => {...}` 函数的执行会被中止,后续的代码也不会执行。

对于上面的代码,如果server端没打开,client端一直处于Connecting
 

websocketpp

pp---cpp

websocket提供了封装好了client和server从链接建立,数据监听,通信到结束通信的对象和接口。

资料链接

讲解

用户手册

html和js

一般情况下,前端加载 HTML 文件时,其中的 JavaScript 代码就会被自动执行。这是因为 HTML 中的 `<script>` 标签会被浏览器自动解析并执行其中的 JavaScript 代码

当浏览器解析 HTML 文件时,碰到 `<script>` 标签时会自动执行其中的脚本。如果 `<script>` 标签中带有 `src` 属性,则浏览器会根据该属性的值加载外部 JavaScript 文件,并自动执行其中的代码。如果 `<script>` 标签内部有 JavaScript 代码,则直接执行其中的代码。

需要注意的是,当浏览器加载 JS 文件时,会阻塞 HTML 页面的渲染。如果 JavaScript 代码很长或运行时间很长,可能会导致页面出现卡顿的现象。为了避免这种情况,可以将 JavaScript 代码放到页面底部,在 HTML 元素加载完毕后再执行。另外,也可以使用异步加载技术,如 `<script async src="xxx.js"></script>` 让 JS 文件在后台异步加载,避免阻塞页面渲染。
 

eg:

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>CoppeliaSim remote API client</title></head><body><div id="log" style="white-space: pre"></div><script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script><script src="https://cdn.jsdelivr.net/gh/spaceify/cbor-js@master/cbor.js" integrity="sha512-0ABB8mRQj73e8+aaUzonPYnP34/YsUCf6SGUJp/pj5BUXttDonDIvCI7XuC7C27Qem6yRpzIzTlq8kJSlUNjoQ==" crossorigin="anonymous"></script><script src="WebSocketAsPromised.bundle.js"></script><script src="RemoteAPIClient.js"></script><script>const log = (what) => $('#log').append(`${what}\n`);(async () => {var client = new RemoteAPIClient('localhost', 23050, 'json');log('Connecting...');await client.websocket.open();log('Getting proxy object "sim"...');var sim = await client.require('sim');log('Calling sim.getObject("/Floor")...');var [h] = await sim.getObject('/Floor');log(`Result: ${h}`);})();</script></body>
</html>

这是一个基于 JavaScript 的 V-REP 远程 API 客户端示例,用于在网页中通过 JavaScript 调用 V-REP 中的场景对象和函数。

在代码中,首先定义了一个 `log` 函数,用于在页面上输出调试信息。然后使用 `async` 函数和箭头函数等语法定义了一个立即执行的异步函数,其中包含了调用 V-REP 远程 API 的过程。

在异步函数中,首先创建了一个名为 `client` 的 `RemoteAPIClient` 对象,用于与 V-REP 中的远程 API 服务建立连接。其中 `localhost` 表示连接本地计算机,`23050` 表示连接的端口号,`json` 表示使用 JSON-RPC 协议进行通信。

然后使用 `client.require('sim')` 函数获取到远程 API 的命名空间 `sim`,该命名空间包含了 V-REP 中预定义的各种对象和函数。最后使用 `sim.getObject('/Floor')` 函数获取到名为 `/Floor` 的场景对象,将结果保存到变量 `h` 中。

在获取到结果后,调用 `log` 函数将结果输出到页面上。

js调用加载lua模块,调用lua接口实现及原理

最终的实现是通过三方库定义的WebSocketAsPromised接口sendRequest()向服务端发送需要调用的接口和参数,服务端接收到请求之后,会执行需要调用的接口,并返回执行接口返回的内容。

因为我们v-rep中的RemoteAPIClient指定了序列化和反序列化,所以即使调用Lua或者c++接口,反序列化之后就可以变为js所对应的数据。

class RemoteAPIClient {//编解码方式(默认为 'cbor')constructor(host = 'localhost', port = 23050, codec = "cbor", opts = {}) {this.host = host;this.port = port;this.codec = codec;var packMessage;var unpackMessage;/*则使用 CBOR 序列化和反序列化库 `CBOR.encode` 和 `CBOR.decode`进行编解码。`packMessage` 为一个函数,将传入的数据进行 CBOR 编码,并返回编码后的结果。`unpackMessage` 为一个异步函数,将传入的数据进行 CBOR 解码,并返回解码后的结果。如果编解码方式为 `'json'`,则使用 JavaScript 原生的 JSON 序列化和反序列化函数 `JSON.stringify` 和 `JSON.parse` 进行编解码。数据传输格式使用json,无论数据来自lua函数返回还是c++函数返回,JSON.parse都解析为js数据。*/if(this.codec == 'cbor') {//this.websocket.binaryType = "arraybuffer";packMessage = data => CBOR.encode(data);unpackMessage = async data => CBOR.decode(await data.arrayBuffer());} else if(this.codec == "json") {packMessage = data => JSON.stringify(data);unpackMessage = data => JSON.parse(data);}var wsOpts = {packMessage,unpackMessage,// attach requestId to message as `id` fieldattachRequestId: (data, requestId) => Object.assign({id: requestId}, data),// read requestId from message `id` fieldextractRequestId: data => data && data.id,};for(var k in opts)wsOpts[k] = opts[k];this.websocket = new WebSocketAsPromised(`ws://${this.host}:${this.port}`, wsOpts);}


 

客户端怎么调用接口的

通过html中执行js代码。

方式1:先加载模块,再通过模块加载模块中定义的接口。

插件中的返回值通过js获取

直接在js中定义与调用的函数返回的类型对应的js变量接收返回值即可。

                //getInfo返回数组var [info]=await simTest.getInfo();log(`info length: ${info.length}`);for(var i=0;i<info.length;++i){log(`getInfo: ${info[i]}`);}

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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【国产MCU】-CH32V307-定时器同步模式

定时器同步模式 文章目录 定时器同步模式1、定时器同步模式介绍2、驱动API介绍3、定时器同步模式实例1、定时器同步模式介绍 CH32V307的定时器能够输出时钟脉冲(TRGO),也能接收其他定时器的输入(ITRx)。不同的定时器的ITRx的来源(别的定时器的TRGO)是不一样的。 通用定…

RecyclerView适配器的封装

RecyclerView适配器基类的封装 RecyclerView.Adapter封装类 public abstract class AutoRollAdapter<T> extends RecyclerView.Adapter<ViewHolder> {protected List<T> ts new ArrayList<>();public List<T> getData() {return ts; } public…

Covalent Network的长期数据可用性 获得了众多加密 KOL的肯定及支持

随着 Web3 生态系统的动态发展&#xff0c;Covalent Network&#xff08;CQT&#xff09;的关键性正在显现&#xff0c;通过提供分布式、加密安全的数据层&#xff0c;以解决长期数据可用性的问题。Covalent Network&#xff08;CQT&#xff09;不仅仅是一个工具&#xff0c;更…

企业内部文件资料如何进行加密 ——防止泄露?

企业内部文件资料的加密是防止数据泄露的关键措施之一。 www.weaem.com 以下是一些建议&#xff0c;用于在企业内部进行文件资料的加密&#xff0c;以防止数据泄露&#xff1a; 选择适合的加密技术&#xff1a; 透明加密&#xff1a;这种加密方式允许用户在不改变原有操作习惯的…

简单网站模板1(HTML)

想要拥有自己的网站&#xff0c;却不知该如何才能简约好看&#xff0c;接下来分享一种自己搭建的网站模板&#xff0c;希望大家喜欢。 展示图&#xff1a; CODE: <!DOCTYPE html> <html> <head><title>我的网站</title><style>body {fo…

BERT:基于TensorFlow的BERT模型搭建中文问答系统模型

目录 1、导入所需库2、准备数据集3、对问题和答案进行分词4、构建模型5、编译模型6、训练模型7、评估模型8、使用模型进行预测 1、导入所需库 #导入numpy库&#xff0c;用于进行数值计算 import numpy as np#从Keras库中导入Tokenizer类&#xff0c;用于将文本转换为序列 from…

Nginx服务器配置详解

server {listen 80;listen 443 ssl http2;server_name logi.lyz8770.com;index index.html index.htm default.htm default.html;root /www/wwwroot/logi.lyz8770.com/dist/;#SSL-START SSL相关配置#error_page 404/404.html;ssl_certificate /www/server/panel/vhost/cert/…

eltable 合计行添加tooltip

eltable 合计行添加tooltip 问题描述&#xff1a; eltable 合计行单元格内容过长会换行&#xff0c;需求要求合计行数据超长显示 … &#xff0c;鼠标 hover 时显示提示信息。 解决方案&#xff1a;eltable合计行没有对外的修改接口&#xff0c;想法是 自己实现一个tooltip&a…

System Verilog学习笔记(八)——采样和数据驱动

System Verilog学习笔记&#xff08;八&#xff09;——采样和数据驱动 为了避免在RTL仿真行为中发生的信号竞争问题&#xff0c;可以通过非阻塞赋值或者特定信号延迟来解决同步的问题。 默认情况下&#xff0c;时钟对于组合电路的驱动会添加一个无限小时间&#xff08;delta-…

RLWE同态加密编码打包——系数打包

RLWE同态加密的明文域 RLWE的加密方案&#xff0c;如BGV、BFV&#xff0c;加密的对象&#xff0c;实际上是分圆多项式环上的一个整系数多项式。而我们在平时接触到的需要加密的数据&#xff0c;如图像或者工资&#xff0c;通常是一个数。所以&#xff0c;在使用RLWE同态加密时…

JVM对象创建与内存分配机制

JVM对象创建与内存分配机制 JVM对象创建与内存分配机制 JVM对象创建与内存分配机制对象的创建过程内存分配对象栈上分配对象逃逸分析标量替换 对象在Eden区分配大对象直接进入老年代长期存活的对象将进入老年代对象年龄动态判断老年代空间分配担保机制 对象头与指针压缩对象头利…

课时49:表达式_表达式进阶_集合基础

3.3.2 集合基础 学习目标 这一节&#xff0c;我们从 基础知识、简单实践、小结 三个方面来学习。 基础知识 简介 所谓的集合&#xff0c;主要是针对多个条件表达式组合后的结果&#xff0c;尤其是针对于逻辑场景的组合。初中数学的相关逻辑示意图&#xff1a;表现样式 两个…

将四个主页面配置为 tab-bar 的子路由

使用vant组件库 路由 {path: /, name: layout,component: () > import(/views/layout),children: [{path: , // 默认子路由name: home,component: () > import(/views/home)},{path: qa,name: qa,component: () > import(/views/qa)},{path: video,name: video,compo…

对比CentOS与Ubuntu:选择最适合你的Linux发行版

目录 对比CentOS与Ubuntu&#xff1a;选择最适合你的Linux发行版CentOS vs Ubuntu&#xff1a;概述CentOS vs Ubuntu&#xff1a;安装和配置CentOS vs Ubuntu&#xff1a;性能和稳定性示例代码和解决方案CentOS示例&#xff1a;Ubuntu示例&#xff1a; CentOS vs Ubuntu&#x…

Tips杂记

&#x1f972; &#x1f978; &#x1f90c; &#x1fac0; &#x1fac1; &#x1f977; &#x1f43b;‍❄️&#x1f9a4; &#x1fab6; &#x1f9ad; &#x1fab2; &#x1fab3; &#x1fab0; &#x1fab1; &#x1fab4; &#x1fad0; &#x1fad2; &#x1fad1…

UE5 C++ TPS开发 学习记录(七)

这节课是P16,主要是创建了生命周期的五个回调和委托还有句柄 MultiPlayerSessionSubsystem.h // Fill out your copyright notice in the Description page of Project Settings. #pragma once #include "CoreMinimal.h" #include "Subsystems/GameInstanceSu…

阿里云2核4G服务器租用价格85元一年,30元3个月

阿里云2核4G服务器多少钱一年&#xff1f;2核4G服务器1个月费用多少&#xff1f;2核4G服务器30元3个月、85元一年&#xff0c;轻量应用服务器2核4G4M带宽165元一年&#xff0c;本文阿里云服务器网整理的2核4G参加活动的主机是ECS经济型e实例和u1云服务器&#xff0c;阿里云服务…

三分钟数据持久化:Spring Boot, JPA 与 SQLite 的完美融合

三分钟&#xff0c;迎接一个更加高效和简便的开发体验。 在快节奏的软件开发领域&#xff0c;每一个简化工作流程的机会都不容错过。想要一个无需繁琐配置、能够迅速启动的数据持久化方案吗&#xff1f;这篇文章将是你的首选攻略。在这里&#xff0c;我们将向你展示如何将 Spri…

自然语言处理 | 语言模型(LM) 浅析

自然语言处理&#xff08;NLP&#xff09;中的语言模型&#xff08;Language Model, LM&#xff09;是一种统计模型&#xff0c;它的目标是计算一个给定文本序列的概率分布&#xff0c;即对于任意给定的一段文本序列&#xff08;单词序列&#xff09;&#xff0c;语言模型能够估…

关于vue-seamless-scroll插件中使用echarts图表后有些模块中图表不渲染的问题的解决方案

参考网址&#xff1a;https://chenxuan0000.github.io/vue-seamless-scroll/guide/09-echart.html 拿vue2为例来说明 1、引入 执行npm install vue-seamless-scroll // main.js import scroll from vue-seamless-scroll Vue.use(scroll)2、使用 <template><vue-se…