uniapp利用canvas绘制ECG网格图附带心电图显示------代码

之前是一个关于如何绘制心电图的代码，后续需求是添加ECG的网格背景图也是利用canvas绘制的
先看代码：

<template><view><page-head :title="title"></page-head><!-- 心电图显示区 --><view class="displayarea">心电图显示区<view class="container"><view class="box2"><canvas canvas-id="line" style="width: 100%; height: 500px;"></canvas></view><view class="box1"><canvas canvas-id="ecg" style="width: 100%; height: 500px;"></canvas></view></view></view><!-- 遮罩 --><!-- 按钮 --><view class="uni-padding-wrap uni-common-mt"><view class="uni-btn-v"><button type="primary" :disabled="disabled" @click="openBluetoothAdapter">连接蓝牙</button><button type="primary" :disabled="!disabled" @click="closeBLEConnection">断开蓝牙设备</button><button type="primary" :disabled="!disabled" @click="closeBluetoothAdapter">关闭蓝牙模块</button></view></view></view>
</template>
<script>let num = 0;let timer = null;export default {data() {return {title: 'bluetooth',disabled: false,deviceId: '',serviceId: '0000FFF0-0000-1000-8000-00805F9B34FB',writeCharacteristicsId: '',connectCharacteristicsId: '',characteristicId: '0000FFF1-0000-1000-8000-00805F9B34FB',heartRateData: [],macAddress: '',macValue: '',valueChangeData: {value: ''},extraLine: [],};},onLoad() {this.setOnBLECharacteristicValueChange();// 自动连接蓝牙获取心电图，如果不需要直接注释掉this.openBluetoothAdapter();},// 在页面退出的时候变为竖屏onHide() {uni.setScreenOrientation({ orientation: 'portrait' })},onShow() {const ctx = uni.createCanvasContext('ecg', this);if (timer != null) {clearInterval(timer);}timer = setInterval(() => {if (this.heartRateData.length > 0) {this.drawLine(ctx, this.heartRateData)}}, 50)setTimeout(() => {this.drawGrid(); // 页面准备好时绘制网格图}, 2000)// 启动横屏uni.setScreenOrientation({orientation: 'landscape'})},beforeDestroy() {clearInterval(timer);timer = null;this.closeBLEConnection()uni.closeBluetoothAdapter()}, methods: {drawGrid() {const canvasId = 'line';this.drawSmallGrid(canvasId);this.drawMediumGrid(canvasId);this.drawBigGrid(canvasId);},// 绘制小网格drawSmallGrid(canvasId) {const ctx = uni.createCanvasContext(canvasId, this);ctx.setStrokeStyle('#FFDFDF'); // 设置线条颜色ctx.setLineWidth(1); // 设置线条宽度for (let x = 0.5; x < 750; x += 3) { // 以 3px 为间隔绘制纵线ctx.moveTo(x, 0);ctx.lineTo(x, 750);}for (let y = 0.5; y < 750; y += 3) { // 以 3px 为间隔绘制横线ctx.moveTo(0, y);ctx.lineTo(750, y);}ctx.stroke(); // 进行绘制ctx.draw(true); // 保留之前的绘制内容},// 绘制中等网格drawMediumGrid(canvasId) {const ctx = uni.createCanvasContext(canvasId, this);ctx.setStrokeStyle('#FFBFBF'); // 设置线条颜色ctx.setLineWidth(1); // 设置线条宽度for (let x = 0.5; x < 750; x += 15) { // 以 15px 为间隔绘制纵线ctx.moveTo(x, 0);ctx.lineTo(x, 750);}for (let y = 0.5; y < 750; y += 15) { // 以 15px 为间隔绘制横线ctx.moveTo(0, y);ctx.lineTo(750, y);}ctx.stroke(); // 进行绘制ctx.draw(true); // 保留之前的绘制内容},// 绘制大网格drawBigGrid(canvasId) {const ctx = uni.createCanvasContext(canvasId, this);ctx.setStrokeStyle('#e0514b'); // 设置线条颜色ctx.setLineWidth(1); // 设置线条宽度for (let x = 0.5; x < 750; x += 75) { // 以 75px 为间隔绘制纵线ctx.moveTo(x, 0);ctx.lineTo(x, 750);}for (let y = 0.5; y < 750; y += 75) { // 以 75px 为间隔绘制横线ctx.moveTo(0, y);ctx.lineTo(750, y);}ctx.stroke(); // 进行绘制ctx.draw(true); // 保留之前的绘制内容},moveHandle() {},/*** 关闭遮罩*/maskclose() {this.maskShow = false;},/*** 选择设备*/queryDevices() {// this.newDeviceLoad = true;this.showMaskType = 'device';this.maskShow = true;},tapQuery(item) {if (this.showMaskType === 'device') {this.$set(this.disabled, 4, false);if (this.equipment.length > 0) {this.equipment[0] = item;} else {this.equipment.push(item);}this.newDeviceLoad = false;}if (this.showMaskType === 'service') {this.$set(this.disabled, 6, false);if (this.servicesData.length > 0) {this.servicesData[0] = item;} else {this.servicesData.push(item);}}if (this.showMaskType === 'characteristics') {this.$set(this.disabled, 7, false);if (this.characteristicsData.length > 0) {this.characteristicsData[0] = item;} else {this.characteristicsData.push(item);}}this.maskShow = false;},/*** 第一步* 初始化蓝牙设备** */openBluetoothAdapter() {// 设置 监听蓝牙适配器状态变化事件console.log("第一步");this.disabled = true// this.setOnBluetoothAdapterStateChange()uni.openBluetoothAdapter({success: e => {console.log('openBluetoothAdapter success', e);this.startBluetoothDevicesDiscovery()},fail: e => {console.log(e)console.log('初始化蓝牙失败，错误码：' + (e.errCode || e.errMsg));if (e.errCode !== 0) {initTypes(e.errCode, e.errMsg);}}});},/*** 第二步，* 监听蓝牙适配器状态变化事件*/setOnBluetoothAdapterStateChange() {console.log("第二步");uni.onBluetoothAdapterStateChange((res) => {console.log("第二步", res);if (res.available) {// 蓝牙适配器 ，则开始搜索蓝牙设备this.startBluetoothDevicesDiscovery()}})},/*** 第二步，* 开始搜索蓝牙设备* */startBluetoothDevicesDiscovery() {console.log("第三步");// 搜索之前监听寻找到新设备的事件this.onBluetoothDeviceFound();uni.startBluetoothDevicesDiscovery({success: e => {},fail: e => {console.log('搜索蓝牙设备失败，错误码：' + e.errCode);if (e.errCode !== 0) {initTypes(e.errCode);}}});},/*** 第三步* 寻找到新设备* * */onBluetoothDeviceFound() {console.log("第四步");uni.onBluetoothDeviceFound(res => {console.log(res);// 监听寻找到新设备的事件for (var i = 0; i < res.devices.length; i++) {let device = res.devices[i]// 根据设备名称找到对应的设备,然后链接设备if (device.name && device.name == 'FSC-BT1036-LE-09F8') {this.deviceId = device.deviceId// 停止设备查找this.stopBluetoothDevicesDiscovery()uni.showLoading({title: '连接蓝牙...'});uni.createBLEConnection({deviceId: this.deviceId,success: res => {uni.hideLoading()setTimeout(() => {this.getBLEDeviceServices().then(res => {console.log(res);return this.getBLEDeviceCharacteristics()}).then(res => {console.log(res);return this.bleNotifyAndlisten()}).then(res => {console.log(res);// 需要延时 再去调用读取数据setTimeout(() => {this.readBLECharacteristicValue()}, 1000);})}, 1000)},fail: (err) => {uni.hideLoading()uni.showModal({title: "温馨提示",content: '"蓝牙连接失败'})}});}}});},/*** 第四步* 连接低功耗蓝牙设备* */createBLEConnection(deviceId) {return},/***  第五步* 获取蓝牙所有服务*/getBLEDeviceServices() {return new Promise((reslove, reject) => {uni.getBLEDeviceServices({deviceId: this.deviceId,success: res => {console.log(res);reslove("[ok-5].获取蓝牙所有服务成功！")},fail: err => {reject(err)}})})},/***  第六步* 获取该蓝牙设备某个服务的特征*/getBLEDeviceCharacteristics() {return new Promise((reslove, reject) => {uni.getBLEDeviceCharacteristics({deviceId: this.deviceId,serviceId: this.serviceId,success: res => {console.log('getBLEDeviceCharacteristics success');console.log(res);let characteristics = res.characteristicsfor (let i = 0; i < characteristics.length; i++) {let item = characteristics[i]if (item.properties.write) {this.writeCharacteristicsId = item.uuid;}if (item.properties.notify || item.properties.indicate) {this.connectCharacteristicsId = item.uuid}}console.log(this.writeCharacteristicsId, this.connectCharacteristicsId);reslove("[ok-6].获取蓝牙下该服务的特征成功！")},fail: err => {console.log('getBLEDeviceCharacteristics fail', err);reject(err)}})})},/***  第七步* 启用低功耗蓝牙设备特征值变化时的 notify 功能，*/bleNotifyAndlisten() {return new Promise((reslove, reject) => {uni.notifyBLECharacteristicValueChange({state: true,deviceId: this.deviceId,serviceId: this.serviceId,characteristicId: this.connectCharacteristicsId,success: res => {console.log('notifyBLECharacteristicValueChange success', res);reslove("[ok-7]. notify 启动成功")},fail: err => {console.log('notifyBLECharacteristicValueChange err', err);reject(err)}})})},/***  第八步* 发起读数据请求  * 读取低功耗蓝牙设备的特征值的二进制数据值。注意：必须设备的特征值支持 read 才可以成功调用 */readBLECharacteristicValue() {console.log("第八步");uni.readBLECharacteristicValue({deviceId: this.deviceId,serviceId: this.serviceId,characteristicId: this.connectCharacteristicsId,success: (res) => {console.log('读取设备数据值成功');console.log(JSON.stringify(res));},fail: (res) => {console.log('读取设备数据值失败，错误码：' + res.errCode);// if (res.errCode !== 0) {// 	initTypes(e.errCode);// }}});//this.onBLECharacteristicValueChange();},/*** 第九步，解析数据* 监听低功耗蓝牙设备的特征值变化事件。必须先启用 notifyBLECharacteristicValueChange 接口才能接收到设备推送的 notification。* * */setOnBLECharacteristicValueChange() {let that = this// 必须在这里的回调才能获取uni.onBLECharacteristicValueChange((res) => {console.log("第九步");console.log('监听低功耗蓝牙设备的特征值变化事件成功');console.log(`characteristic ${res.characteristicId} has changed, now is ${JSON.stringify(res)}`);const unit8Array = new Uint8Array(res.value);// console.log("unit8Array: ", unit8Array);// 获取canvas绘图上下文// let heartRate = that.heartRateData;if (this.heartRateData.length >= 100) {this.heartRateData.shift();}this.heartRateData.push(unit8Array);// that.heartRateData = heartRate;console.log("----heartRate", this.heartRateData)console.log("length", this.heartRateData.length)this.macAddress = res.deviceId;this.macValue = this.ab2hex(res.value);this.valueChangeData.value = this.ab2hex(res.value);this.extraLine.push(this.macValue);this.valueChangeData = this.extraLine.join(' \n ');});},/*** 停止搜索蓝牙设备*/stopBluetoothDevicesDiscovery() {uni.stopBluetoothDevicesDiscovery({success: e => {},fail: e => {console.log('停止搜索蓝牙设备失败，错误码：' + e.errCode);}});},/*** 断开与低功耗蓝牙设备的连接*/closeBLEConnection() {uni.closeBLEConnection({deviceId: this.deviceId,success: res => {console.log(res);console.log('断开低功耗蓝牙成功:' + res.errMsg);this.$set(this.disabled, 1, false);this.$set(this.disabled, 3, true);this.$set(this.disabled, 4, true);this.$set(this.disabled, 5, true);this.$set(this.disabled, 6, true);this.$set(this.disabled, 7, true);this.$set(this.disabled, 8, true);this.$set(this.disabled, 9, true);this.equipment = [];this.servicesData = [];this.characteristicsData = [];},fail: e => {console.log('断开低功耗蓝牙成功，错误码：' + e.errCode);if (e.errCode !== 0) {initTypes(e.errCode);}}});},// 数据解析ab2hex(buffer) {const hexArr = Array.prototype.map.call(new Uint8Array(buffer),function(bit) {return ('00' + bit.toString(16)).slice(-2)})return hexArr.join('')},// 绘制波形图drawLine(ctx) {const width = 600;const height = 600;// 设置波形图样式ctx.setStrokeStyle('#000');ctx.setLineWidth(1);ctx.setLineCap("round")ctx.clearRect(0, 0, width, height);// 清除Canvas并绘制新的波形图ctx.beginPath();ctx.moveTo(-10, 0); // 将起点移动到Canvas的中间位置for (let i = 0; i < this.heartRateData.length; i++) {const y = (Number(this.heartRateData[i][0]) + (Number(this.heartRateData[i][1]) << 8) + (Number(this.heartRateData[i][2]) << 16) + (Number(this.heartRateData[i][3]) << 24));ctx.lineTo(i * 5, -y / 260 + 250); // 将数据绘制 n 到Canvas上，放大50倍以适应Canvas高度}ctx.stroke();ctx.draw();},/***断开蓝牙模块*/closeBluetoothAdapter(OBJECT) {uni.closeBluetoothAdapter({success: res => {console.log('断开蓝牙模块成功');this.isStop = true;this.$set(this.disabled, 0, false);this.$set(this.disabled, 1, true);this.$set(this.disabled, 2, true);this.$set(this.disabled, 3, true);this.$set(this.disabled, 4, true);this.$set(this.disabled, 5, true);this.$set(this.disabled, 6, true);this.$set(this.disabled, 7, true);this.$set(this.disabled, 8, true);this.$set(this.disabled, 9, true);this.$set(this.disabled, 10, true);this.equipment = [];this.servicesData = [];this.characteristicsData = [];this.valueChangeData = {};this.adapterState = [];this.searchLoad = false;toast('断开蓝牙模块');}});}}};/*** 判断初始化蓝牙状态*/function initTypes(code, errMsg) {switch (code) {case 10000:toast('未初始化蓝牙适配器');break;case 10001:toast('未检测到蓝牙，请打开蓝牙重试！');break;case 10002:toast('没有找到指定设备');break;case 10003:toast('连接失败');break;case 10004:toast('没有找到指定服务');break;case 10005:toast('没有找到指定特征值');break;case 10006:toast('当前连接已断开');break;case 10007:toast('当前特征值不支持此操作');break;case 10008:toast('其余所有系统上报的异常');break;case 10009:toast('Android 系统特有，系统版本低于 4.3 不支持 BLE');break;default:toast(errMsg);}}/*** 弹出框封装    */function toast(content, showCancel = false) {uni.showModal({title: '提示',content,showCancel});}
</script><style>.uni-title {/* width: 100%; *//* height: 80rpx; */text-align: center;}.displayarea {}.uni-mask {position: fixed;top: 0;left: 0;bottom: 0;display: flex;align-items: center;width: 100%;background: rgba(0, 0, 0, 0.6);padding: 0 30rpx;box-sizing: border-box;}.uni-scroll_box {height: 70%;background: #fff;border-radius: 20rpx;}.uni-list-box {margin: 0 20rpx;padding: 15rpx 0;border-bottom: 1px #f5f5f5 solid;box-sizing: border-box;}.uni-list:last-child {border: none;}.uni-list_name {font-size: 30rpx;color: #333;white-space: pre-wrap;}.uni-list_item {font-size: 24rpx;color: #555;line-height: 1.5;}.uni-success_box {position: absolute;left: 0;bottom: 0;min-height: 100rpx;width: 100%;background: #fff;box-sizing: border-box;border-top: 1px #eee solid;}.uni-success_sub {/* width: 100%%; */height: 100rpx;display: flex;justify-content: space-between;align-items: center;padding: 0 30rpx;}.uni-close_button {padding: 0 20rpx;height: 60rpx;line-height: 60rpx;background: #ce3c39;color: #ffffff;border-radius: 10rpx;}.uni-success_content {height: 600rpx;margin: 30rpx;margin-top: 0;border: 1px #eee solid;padding: 30rpx;}.uni-content_list {padding-bottom: 10rpx;border-bottom: 1px #f5f5f5 solid;}.uni-tips {text-align: center;font-size: 24rpx;color: #666;}.heartrate {width: 200rpx;height: 150rpx;line-height: 150rpx;background-color: #ce3c39;border: 0;color: #fff;}.box1 {position: absolute;left: 0px;top: 50px;width: 750px;height: 750px;}.box2 {position: absolute;left: 0px;top: 50px;width: 750px;height: 750}.uni-btn-v{}
</style>

首先我们需要把两个分开分别ecg的背景图和心电图加蓝牙，分别写在两个盒子里写。
这里先看看代码，后续我会继续发代码解读。

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

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

相关文章

AI论文：一键生成论文的高效工具

AI论文：一键生成论文的高效工具

说到这个问题&#xff0c;那真的得看你对“靠谱”的定义是怎样的啦&#xff1f; 众所周知&#xff0c;写论文是一项极其耗时间的事情&#xff0c;从开始的选题到文献资料搜索查阅&#xff0c;大纲整理等等一大堆的繁杂工作是极艰辛的。用AI写论文就不一样了&#xff0c;自动化…
阅读更多...
深入QML：现代用户界面开发的强大工具20240606

深入QML：现代用户界面开发的强大工具20240606

深入QML&#xff1a;现代用户界面开发的强大工具 引言 在数字化时代&#xff0c;用户界面 (UI) 是任何应用程序不可或缺的一部分。为了提供流畅、直观且具有吸引力的用户体验&#xff0c;开发者需要一种强大且灵活的开发工具。QML&#xff08;Qt Modeling Language&#xff0…
阅读更多...
简述在 Vue 中，子组件为何不可以修改父组件传递的 Prop ？

简述在 Vue 中，子组件为何不可以修改父组件传递的 Prop ？

在 Vue 中&#xff0c;子组件不应该直接修改父组件传递的 Prop&#xff0c;这是基于 Vue 的单向数据流和组件之间通信的设计原则。以下是几个关键原因&#xff1a; 单向数据流&#xff1a;Vue 提倡的是单向数据流&#xff0c;即从父组件流向子组件。当父组件的状态发生变化时&…
阅读更多...
php7.3安装phalcon扩展

php7.3安装phalcon扩展

php7安装3.4版本的phalcon扩展 适用于Centos6.x和Centos7.x系统&#xff0c;php使用7.1版本&#xff0c;wlnmp一键包已支持该扩展 phalcon扩展包地址&#xff1a;https://github.com/phalcon/cphalcon &#xff08;git clone 有可能连接不上&#xff09; 1、安装所需依赖&a…
阅读更多...
Linux Kernel nf_tables 本地权限提升漏洞(CVE-2024-1086)

Linux Kernel nf_tables 本地权限提升漏洞(CVE-2024-1086)

文章目录 前言声明一、netfilter介绍二、漏洞成因三、漏洞危害四、影响范围五、漏洞复现六、修复方案临时解决方案升级修复方案 前言 2024年1月&#xff0c;各Linux发行版官方发布漏洞公告&#xff0c;修复了一个 netfilter:nf_tables 模块中的释放后重用漏洞&#xff08;CVE-…
阅读更多...
基于语音识别的智能电子病历（其他）CC、HPI、ROS案例分析

基于语音识别的智能电子病历（其他）CC、HPI、ROS案例分析

门诊使用基于语音识别的智能电子病历相对要少一些。很多系统的门诊系统包含了丰富的模版&#xff0c;美国退伍军人医院在非常早的时候&#xff08;2010年之前&#xff09;就通过使用大量的模版来进行处理门诊的数据录入。下面分析中的截图也是来自一些美国退伍军人医院的系统。…
阅读更多...
网络高频攻击手段与基本防护措施总结

网络高频攻击手段与基本防护措施总结

主要攻击手段 一、云平台攻击 云平台攻击是指针对云服务器的恶意行为&#xff0c;旨在获取非法访问权限、窃取敏感数据或者破坏服务器的正常运行。云平台攻击的形式多样&#xff0c;以下是对云平台攻击的一些主要类型和特点的详细分析&#xff1a; 攻击类型&#xff1a; 凭据…
阅读更多...
idea修改国际化语言教程

idea修改国际化语言教程

教程背景 第一种&#xff0c;如果以前的项目已经有国际化语言了&#xff0c;现在的项目是导入的。 第二种&#xff0c;你中途把idea删除卸载了&#xff0c;在安装了别的版本&#xff0c;把这个项目导入进来后的。 第三种&#xff0c;你下载或复制的别人的项目。 以上这三种…
阅读更多...
如何实现vue项目不同屏幕适配(2024最新)

如何实现vue项目不同屏幕适配(2024最新)

文章目录 1.下载插件&#xff0c;修改px单位为rem单位2.配置vue.config.js(如下图位置所示)3.屏幕自适应4.项目实际使用 1.下载插件&#xff0c;修改px单位为rem单位 npm i postcss-plugin-px2rem2.配置vue.config.js(如下图位置所示) 注意在根目录下&#xff0c;如果没有该文…
阅读更多...
MySQL深分页，limit 100000,10 优化

MySQL深分页，limit 100000,10 优化

文章目录 一、limit深分页为什么会变慢二、优化方案2.1 通过子查询优化&#xff08;覆盖索引&#xff09;回顾B树结构覆盖索引把条件转移到主键索引树 2.2 INNER JOIN 延迟关联2.3 标签记录法&#xff08;要求id是有序的&#xff09;2.4 使用between...and... 我们日常做分页需…
阅读更多...
浅谈人工智能在新型电力系统建设和电力行业中的应用和未来发展趋势

浅谈人工智能在新型电力系统建设和电力行业中的应用和未来发展趋势

文章目录 概要应用场景分析未来趋势分析小结备注 概要 人工智能在新型电力系统建设和电力行业中具有广泛的应用和潜力。它可以大大提高电力系统的运行效率、可靠性和安全性&#xff0c;同时减少能源浪费和环境影响。 应用场景分析 能源预测和优化&#xff1a;人工智能可以通过…
阅读更多...
引擎：UI

引擎：UI

一、控件介绍 Button 按钮 创建一个按钮 按钮禁用 精灵模式 颜色模式 缩放模式 绑定点击事件 EditBox 输入框 Layout 布局 支持水平排列、垂直排列、背包排列 PageView 页面视图 ProgressBar 进度条 RichText 富文本 绑定点击事件 事件可以被其它标签包裹 图文混排 Scroll…
阅读更多...
AG32 MCU+FPGA 使用感受

AG32 MCU+FPGA 使用感受

前言&#xff1a; 笔者35了&#xff0c;10多年前开始玩单片机/FPGA啥的&#xff0c;从现在回想过去&#xff0c;眼下真的是我们国家微电子发展的好时候。各种各样的国产单片机&#xff0c;FPGA啥的&#xff0c;想想本科的时候用的Freescale&#xff0c;后来用的STM32&#xff0…
阅读更多...
13、数字中国建设整体布局规划

13、数字中国建设整体布局规划

指导思想 《规划》强调，要坚持以新时代中国特色社会主义思想特别是网络强国的重要思想为指导，深入贯彻党的二十大精神，坚持稳中求进工作总基调，完整、准确、全面贯彻新发展理念，加快构建新发展格局，着力推动高质量发展，统筹发展和安全，强化系统观念和底线思维，加强整…
阅读更多...
解决 ublox_f9p的 topic “/ublox_driver/receiver_lla“中无位置精度(P_std)的问题

解决 ublox_f9p的 topic “/ublox_driver/receiver_lla“中无位置精度(P_std)的问题

一、背景 GNSS/INS组合导航是车辆导航等领域中常见的组合方式。ublox_f9p 设备因其优秀的性能被广泛关注，其可以直接发布 GNSS的高精度定位解，为GNSS/INS组合导航的实时定位提供极大的便利。其中 ubuntu环境下，ublox_f9p 设备的操作如下： 【1】Ubuntu18.04 下的安装，运行…
阅读更多...
C 语言实例 - 字符串翻转

C 语言实例 - 字符串翻转

使用递归来翻转字符串。 实例 - 字符串翻转 #include <stdio.h> void reverseSentence();int main() {printf("输入一个字符串: ");reverseSentence();return 0; }void reverseSentence() {char c;scanf("%c", &c);if( c ! \n){reverseSentenc…
阅读更多...
MQ基础（RabbitMQ）

MQ基础（RabbitMQ）

通信 同步通信&#xff1a;就相当于打电话&#xff0c;双方交互是实时的。同一时刻&#xff0c;只能与一人交互。 异步通信&#xff1a;就相当于发短信&#xff0c;双方交互不是实时的。不需要立刻回应对方&#xff0c;可以多线程操作&#xff0c;跟不同人同时聊天。 RabbitM…
阅读更多...
UI 自动化中的分层设计

UI 自动化中的分层设计

以前的设计 在过去 UI 自动化测试领域有一个规范的设计模式是 page object 模式。 意思是测试用例不会直接定位页面元素&#xff0c; 而是把每一个页面封装成一个类。 在这个类中封装页面元素。 然后测试用例调用 page 类来操作页面元素完成测试用例。如下图&#xff1a; 以前…
阅读更多...
【工具变量】巡回法庭DID数据（2000-2022）(附部分stata代码)

【工具变量】巡回法庭DID数据（2000-2022）(附部分stata代码)

数据来源&#xff1a; 时间跨度&#xff1a;2000-2022 数据范围&#xff1a;全国 数据指标&#xff1a; 参考刘中华和黄斯琪等学者的做法&#xff0c;将当年企业总部所在省份被巡回法庭覆盖赋值为1&#xff0c;否则为0。数据提供两个版本excel版本和dta版本&#xff0c;还附…
阅读更多...
【Emgu CV教程】10.14、ConnectedComponents()函数计算连通区域

【Emgu CV教程】10.14、ConnectedComponents()函数计算连通区域

文章目录 一、概念1.什么叫图像的连通区域2.提取连通区域的函数 二、简单应用1.原始素材2.代码3.运行结果4.连通区域上色 一、概念 1.什么叫图像的连通区域 图像的连通域是指图像中具有相同像素值并且位置相邻的像素组成的区域&#xff0c;连通域分析是指在图像中寻找出彼此互…
阅读更多...
最新文章

Copyright @ 2022~2023