【HarmonyOS】鸿蒙应用低功耗蓝牙BLE的使用心得 （二）

【HarmonyOS】鸿蒙应用低功耗蓝牙BLE的使用心得 （二）

一、前言

目前鸿蒙应用的实现逻辑，基本都是参考和移植Android端来实现。针对BLE低功耗蓝牙来说，在鸿蒙化的实现过程中。我们发现了，鸿蒙独有的优秀点，也发现了不一致带来的问题。

并且因为鸿蒙系统还在迭代中，难免有一些bug的存在。目前BLE低功耗蓝牙主流程环节是没有问题的。

在这里插入图片描述

鸿蒙整体的实现流程与Android基本是一致。但是在BLE中有一个点需要特别注意。

当周边设备（外围设备）开启广播时，其实没有前置条件，不需要先开启GATT服务器和注册相关服务。但是有些业务逻辑是如此，导致我们开发的时候，惯性思维。实际上鸿蒙BLE在广播流程设计上，并不需要前置条件。

当周边设备持续发送广播，例如智能腕表发送广播，这时候中心设备（中央设备），例如手机才能通过BLE扫描去去识别到该设备。然后才是连接和信息传递的过程。

二、目前已知鸿蒙和Android不一致的实现点梳理：

1.安卓中设置低功耗蓝牙广播，其中有参数可以设置超时时间：
AdvertiseSettings.Builder.SetTimeout()。
但是对标鸿蒙中设置广播，文档中并没有该参数。鸿蒙的低功耗蓝牙广播，无法设置超时时间。

2.鸿蒙中的低功耗蓝牙广播设置对象，ble.AdvertiseSetting中只能设置txPower广播强度。设置广播的模式，对标Android的三个广播模式：

在均衡电源模式下执行蓝牙LE广播:
AdvertiseSettings#ADVERTISE_MODE_BALANCED

在低延迟，高功率模式下执行蓝牙LE广播:
AdvertiseSettings#ADVERTISE_MODE_LOW_LATENCY

在低功耗模式下执行蓝牙LE广播
:AdvertiseSettings#ADVERTISE_MODE_LOW_POWER

鸿蒙这边可以使用interval参数来设置广播频率
ADVERTISE_MODE_LOW_LATENCY（低延迟，广播间隔100ms）对应interval的值为 160
ADVERTISE_MODE_BALANCED（均衡模式，广播间隔250ms）对应interval的值为 400
ADVERTISE_MODE_LOW_POWER（低功耗，广播间隔1s）对应interval的值为 1600

三、BLE低功耗蓝牙DEMO项目示例参考：

此项目实际上是从官方文档基础上进行了扩展。文档所示例的样本代码比较割裂，只是针对API功能的讲解，在不知道BLE完成业务流程的基础上，我们是不清楚如何调用的。所以我们开玩笑的角度说，基本上当你会这个技术点了，官方文档也就能看懂了。

项目整个框架采用管理对象进行BLE功能的封装：

GattServermanager
作为GATT服务器（周边设备）的管理类，实现服务器的初始化和服务的注册。

GattClientManager
作为周边设备客户端管理类，实现链接和数据读写传递。

BleScanManager
作为BLE扫描管理类，实现扫描和结果的处理。

BleAdvertisingManager
作为BLE广播类，实现广播的处理，特征值和描述符的生成。

BLEMgr
作为总管理类，业务逻辑的感知层，业务直接调用BLEMgr实现低功耗蓝牙接口的调用。

在这里插入图片描述
Index.ets 启动页

import { CommonTextModifier } from '../common/CommonTextModifier'
import { BLEMgr } from '../mgr/BLEMgr';
import { promptAction } from '@kit.ArkUI';
import { PermissionsUtil } from '../utils/PermissionsUtil';@Entry
@Component
struct Index {@State isOpenBluetooth: boolean = false;private mBLEMgr: BLEMgr = new BLEMgr();txtModifier: CommonTextModifier = new CommonTextModifier()async aboutToAppear() {let isHave: boolean = await PermissionsUtil.requestPermission();if(isHave){this.isOpenBluetooth = this.mBLEMgr.getBluetoothState();}else{this.toSysSettingPage();}}private toSysSettingPage(){globalThis.sysContext.startAbility({bundleName: 'com.huawei.hmos.settings',abilityName: 'com.huawei.hmos.settings.MainAbility',// com.huawei.hmos.settings.AppInfoAbilityuri: 'application_info_entry', //application_settings   application_info_entryparameters: {pushParams: globalThis.sysContext.abilityInfo.bundleName // 应用包名com.example.tosettingdemo  'uiAbilityContext.abilityInfo.bundleName'}});}onClickStart = async ()=>{let isHave: boolean = await PermissionsUtil.requestPermission();if(isHave){this.mBLEMgr.startBluetooth((str: string)=>{let content: string = "";if (str == 'STATE_ON') {content = "蓝牙已开启";}else{content = "开启错误：" + str;}promptAction.showToast({message: content});});}else{this.toSysSettingPage();}}onClickClose = async ()=>{let isHave: boolean = await PermissionsUtil.requestPermission();if(isHave){this.mBLEMgr.closeBluetooth((str: string)=>{let content: string = "";if (str == 'STATE_OFF') {content = "蓝牙已关闭";}else{content = "关闭错误：" + str;}promptAction.showToast({message: content});});}else{this.toSysSettingPage();}}onClickStartAdv = ()=>{this.mBLEMgr.startAdvertising((advState: string)=>{let content: string = "";if(advState == "STARTED"){content = "广播已开启";}else{content = "广播错误：" + advState;}promptAction.showToast({message: content});});}onClickCloseAdv = ()=>{this.mBLEMgr.stopAdvertising((str: string)=>{promptAction.showToast({message: str});});}onClickStartScan = ()=>{this.mBLEMgr.startScan();}onClickCloseScan = ()=>{this.mBLEMgr.stopScan();}onClickStartServer = ()=>{this.mBLEMgr.registerServer((res: string)=>{promptAction.showToast({message: res});});}onClickCloseServer = ()=>{this.mBLEMgr.unRegisterServer((res: string)=>{promptAction.showToast({message: res});});}@Builder LineView(){Line().width("100%").height(px2vp(2)).backgroundColor(Color.Black).margin({top: px2vp(100)})}build() {Column() {Column(){Text(this.isOpenBluetooth ? "蓝牙状态: 已开启" : "蓝牙状态: 已关闭")Text("蓝牙设备名：" + this.mBLEMgr.getCurrentDeviceName())}Text("开启蓝牙").attributeModifier(this.txtModifier).onClick(this.onClickStart)Text("关闭蓝牙").attributeModifier(this.txtModifier).onClick(this.onClickClose)this.LineView()Text("启动服务").attributeModifier(this.txtModifier).onClick(this.onClickStartServer)Text("关闭服务").attributeModifier(this.txtModifier).onClick(this.onClickCloseServer)Text("开启广播").attributeModifier(this.txtModifier).onClick(this.onClickStartAdv)Text("关闭广播").attributeModifier(this.txtModifier).onClick(this.onClickCloseAdv)this.LineView()Text("开启扫描").attributeModifier(this.txtModifier).onClick(this.onClickStartScan)Text("关闭扫描").attributeModifier(this.txtModifier).onClick(this.onClickCloseScan)}.height('100%').width('100%')}
}

BLEMgr.ets

import bleAdvertisingManager from "./BleAdvertisingManager";
import bleScanManager from "./BleScanManager";
import { access } from '@kit.ConnectivityKit';
import gattServerManager from "./GattServerManager";
import { connection } from '@kit.ConnectivityKit';
import { BusinessError } from "@kit.BasicServicesKit";const TAG: string = "BLEMgr";export class BLEMgr {public getBluetoothState(): boolean {let state = access.getState();return this.getStateName(state) == "STATE_ON" ? true : false;}/*** 当前设备蓝牙设备名称*/public getCurrentDeviceName(){let localName: string = "";try {localName = connection.getLocalName();console.info(TAG, 'getCurrentDeviceName localName: ' + localName);} catch (err) {console.error(TAG, 'getCurrentDeviceName errCode: ' + (err as BusinessError).code + ', errMessage: ' + (err as BusinessError).message);}return localName;}/*** 蓝牙广播状态* @param state* @returns*/public getAdvState(state: number){switch (state) {case 1:// 首次启动广播后的状态。return 'STARTED';case 2:// 临时启动广播后的状态。return 'ENABLED';case 3:// 临时停止广播后的状态。return 'DISABLED';case 4:// 完全停止广播后的状态。return 'STOPPED';default:return 'unknown status';}}/*** 蓝牙开启状态* @param state* @returns*/private getStateName(state: number): string {switch (state) {case 0:// 蓝牙已关闭。return 'STATE_OFF'; ;case 1:// 蓝牙正在打开。return 'STATE_TURNING_ON';case 2:// 蓝牙已打开。return 'STATE_ON';case 3:// 蓝牙正在关闭。return 'STATE_TURNING_OFF';case 4:// 蓝牙正在打开LE-only模式。return 'STATE_BLE_TURNING_ON';case 5:// 蓝牙正处于LE-only模式。return 'STATE_BLE_ON';case 6:// 蓝牙正在关闭LE-only模式。return 'STATE_BLE_TURNING_OFF';default:return 'unknown status';}}/*** 开启蓝牙*/public startBluetooth(callback: (str: string)=> void){try {access.enableBluetooth();} catch (err) {let errStr: string = JSON.stringify(err);console.info(TAG, 'startBluetooth enableBluetooth err: ' + errStr);callback(errStr);}access.on('stateChange', (data) => {let btStateMessage = this.getStateName(data);callback(btStateMessage);if (btStateMessage == 'STATE_ON') {access.off('stateChange');}console.info('bluetooth statues: ' + btStateMessage);});}/*** 关闭蓝牙*/public closeBluetooth(callback: (str: string)=> void){access.disableBluetooth();access.on('stateChange', (data) => {let btStateMessage = this.getStateName(data);callback(btStateMessage);if (btStateMessage == 'STATE_OFF') {access.off('stateChange');}console.info("bluetooth statues: " + btStateMessage);})}/*** 创建GATT服务器，注册服务*/public registerServer(callBack: (str: string)=> void){gattServerManager.registerServer(callBack);}/*** 删除服务，关闭GATT服务器*/public unRegisterServer(callBack: (str: string)=> void){gattServerManager.unRegisterServer(callBack);}/*** 开启广播*/public async startAdvertising(callBack: (state: string)=> void) {await bleAdvertisingManager.startAdvertising((state: number)=>{let advState: string = this.getAdvState(state);callBack(advState);});}/*** 关闭广播*/public async stopAdvertising(callBack: (str: string)=> void) {await bleAdvertisingManager.stopAdvertising(callBack);}/*** 开始扫描*/public startScan() {bleScanManager.startScan();}/*** 关闭扫描*/public stopScan() {bleScanManager.stopScan();}}

GattServermanager.ets

import { ble } from '@kit.ConnectivityKit';
import { constant } from '@kit.ConnectivityKit';
import { BusinessError } from '@kit.BasicServicesKit';const TAG: string = 'GattServerManager';export class GattServerManager {gattServer: ble.GattServer | undefined = undefined;connectState: ble.ProfileConnectionState = constant.ProfileConnectionState.STATE_DISCONNECTED;myServiceUuid: string = '00001810-0000-1000-8000-00805F9B34FB';myCharacteristicUuid: string = '00001820-0000-1000-8000-00805F9B34FB';myFirstDescriptorUuid: string = '00002902-0000-1000-8000-00805F9B34FB'; // 2902一般用于notification或者indicationmySecondDescriptorUuid: string = '00002903-0000-1000-8000-00805F9B34FB';// 构造BLEDescriptorprivate initDescriptor(des: string, value: ArrayBuffer): ble.BLEDescriptor {let descriptor: ble.BLEDescriptor = {serviceUuid: this.myServiceUuid,characteristicUuid: this.myCharacteristicUuid,descriptorUuid: des,descriptorValue: value};return descriptor;}// 构造BLECharacteristicprivate initCharacteristic(): ble.BLECharacteristic {let descriptors: Array<ble.BLEDescriptor> = [];let descBuffer = new ArrayBuffer(2);let descValue = new Uint8Array(descBuffer);descValue[0] = 31;descValue[1] = 32;descriptors[0] = this.initDescriptor(this.myFirstDescriptorUuid, new ArrayBuffer(2));descriptors[1] = this.initDescriptor(this.mySecondDescriptorUuid, descBuffer);let charBuffer = new ArrayBuffer(2);let charValue = new Uint8Array(charBuffer);charValue[0] = 21;charValue[1] = 22;let characteristic: ble.BLECharacteristic = {serviceUuid: this.myServiceUuid,characteristicUuid: this.myCharacteristicUuid,characteristicValue: charBuffer,descriptors: descriptors};return characteristic;}// 1. 订阅连接状态变化事件public onGattServerStateChange() {if (!this.gattServer) {console.error(TAG, 'no gattServer');return;}try {this.gattServer.on('connectionStateChange', (stateInfo: ble.BLEConnectionChangeState) => {let state = '';switch (stateInfo.state) {case 0:state = 'DISCONNECTED';break;case 1:state = 'CONNECTING';break;case 2:state = 'CONNECTED';break;case 3:state = 'DISCONNECTING';break;default:state = 'undefined';break;}console.info(TAG, 'onGattServerStateChange: device=' + stateInfo.deviceId + ', state=' + state);});} catch (err) {console.error(TAG, 'errCode: ' + (err as BusinessError).code + ', errMessage: ' + (err as BusinessError).message);}}// 2. server端注册服务时调用public registerServer(callBack: (str: string)=> void) {let characteristics: Array<ble.BLECharacteristic> = [];let characteristic = this.initCharacteristic();characteristics.push(characteristic);let gattService: ble.GattService = {serviceUuid: this.myServiceUuid,isPrimary: true,characteristics: characteristics};console.info(TAG, 'registerServer ' + this.myServiceUuid);try {this.gattServer = ble.createGattServer(); // 2.1 构造gattServer，后续的交互都需要使用该实例this.onGattServerStateChange(); // 2.2 订阅连接状态this.gattServer.addService(gattService);callBack("服务成功");} catch (err) {callBack("服务失败：" + JSON.stringify(err));console.error(TAG, 'errCode: ' + (err as BusinessError).code + ', errMessage: ' + (err as BusinessError).message);}}// 3. 订阅来自gattClient的读取特征值请求时调用public onCharacteristicRead() {if (!this.gattServer) {console.error(TAG, 'no gattServer');return;}console.info(TAG, 'onCharacteristicRead');try {this.gattServer.on('characteristicRead', (charReq: ble.CharacteristicReadRequest) => {let deviceId: string = charReq.deviceId;let transId: number = charReq.transId;let offset: number = charReq.offset;console.info(TAG, 'receive characteristicRead');let rspBuffer = new ArrayBuffer(2);let rspValue = new Uint8Array(rspBuffer);rspValue[0] = 21;rspValue[1] = 22;let serverResponse: ble.ServerResponse = {deviceId: deviceId,transId: transId,status: 0, // 0表示成功offset: offset,value: rspBuffer};try {this.gattServer?.sendResponse(serverResponse);} catch (err) {console.error(TAG, 'errCode: ' + (err as BusinessError).code + ', errMessage: ' + (err as BusinessError).message);}});} catch (err) {console.error(TAG, 'errCode: ' + (err as BusinessError).code + ', errMessage: ' + (err as BusinessError).message);}}// 4. 订阅来自gattClient的写入特征值请求时调用public onCharacteristicWrite() {if (!this.gattServer) {console.error(TAG, 'no gattServer');return;}console.info(TAG, 'onCharacteristicWrite');try {this.gattServer.on('characteristicWrite', (charReq: ble.CharacteristicWriteRequest) => {let deviceId: string = charReq.deviceId;let transId: number = charReq.transId;let offset: number = charReq.offset;console.info(TAG, 'receive characteristicWrite: needRsp=' + charReq.needRsp);if (!charReq.needRsp) {return;}let rspBuffer = new ArrayBuffer(0);let serverResponse: ble.ServerResponse = {deviceId: deviceId,transId: transId,status: 0, // 0表示成功offset: offset,value: rspBuffer};try {this.gattServer?.sendResponse(serverResponse);} catch (err) {console.error(TAG, 'errCode: ' + (err as BusinessError).code + ', errMessage: ' + (err as BusinessError).message);}});} catch (err) {console.error(TAG, 'errCode: ' + (err as BusinessError).code + ', errMessage: ' + (err as BusinessError).message);}}// 5. 订阅来自gattClient的读取描述符请求时调用public onDescriptorRead() {if (!this.gattServer) {console.error(TAG, 'no gattServer');return;}console.info(TAG, 'onDescriptorRead');try {this.gattServer.on('descriptorRead', (desReq: ble.DescriptorReadRequest) => {let deviceId: string = desReq.deviceId;let transId: number = desReq.transId;let offset: number = desReq.offset;console.info(TAG, 'receive descriptorRead');let rspBuffer = new ArrayBuffer(2);let rspValue = new Uint8Array(rspBuffer);rspValue[0] = 31;rspValue[1] = 32;let serverResponse: ble.ServerResponse = {deviceId: deviceId,transId: transId,status: 0, // 0表示成功offset: offset,value: rspBuffer};try {this.gattServer?.sendResponse(serverResponse);} catch (err) {console.error(TAG, 'errCode: ' + (err as BusinessError).code + ', errMessage: ' + (err as BusinessError).message);}});} catch (err) {console.error(TAG, 'errCode: ' + (err as BusinessError).code + ', errMessage: ' + (err as BusinessError).message);}}// 6. 订阅来自gattClient的写入描述符请求时调用public onDescriptorWrite() {if (!this.gattServer) {console.error(TAG, 'no gattServer');return;}console.info(TAG, 'onDescriptorWrite');try {this.gattServer.on('descriptorWrite', (desReq: ble.DescriptorWriteRequest) => {let deviceId: string = desReq.deviceId;let transId: number = desReq.transId;let offset: number = desReq.offset;console.info(TAG, 'receive descriptorWrite: needRsp=' + desReq.needRsp);if (!desReq.needRsp) {return;}let rspBuffer = new ArrayBuffer(0);let serverResponse: ble.ServerResponse = {deviceId: deviceId,transId: transId,status: 0, // 0表示成功offset: offset,value: rspBuffer};try {this.gattServer?.sendResponse(serverResponse);} catch (err) {console.error(TAG, 'errCode: ' + (err as BusinessError).code + ', errMessage: ' + (err as BusinessError).message);}});} catch (err) {console.error(TAG, 'errCode: ' + (err as BusinessError).code + ', errMessage: ' + (err as BusinessError).message);}}// 7. server端删除服务，不再使用时调用public unRegisterServer(callBack: (str: string)=> void) {if (!this.gattServer) {console.error(TAG, 'no gattServer');return;}console.info(TAG, 'unRegisterServer ' + this.myServiceUuid);try {this.gattServer.removeService(this.myServiceUuid); // 7.1 删除服务callBack("关闭服务");this.gattServer.off('connectionStateChange', (stateInfo: ble.BLEConnectionChangeState) => { // 7.2 取消订阅连接状态});this.gattServer.close() // 7.3 如果不再使用此gattServer，则需要close} catch (err) {callBack("关闭失败：" + JSON.stringify(err));console.error(TAG, 'errCode: ' + (err as BusinessError).code + ', errMessage: ' + (err as BusinessError).message);}}
}let gattServerManager = new GattServerManager();
export default gattServerManager as GattServerManager;

其余GattClientManager BleScanManager BleAdvertisingManager 类可以参考官方文档。

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

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

相关文章

2024年【流动式起重机司机】模拟考试及流动式起重机司机证考试

2024年【流动式起重机司机】模拟考试及流动式起重机司机证考试

题库来源&#xff1a;安全生产模拟考试一点通公众号小程序 流动式起重机司机模拟考试考前必练&#xff01;安全生产模拟考试一点通每个月更新流动式起重机司机证考试题目及答案&#xff01;多做几遍&#xff0c;其实通过流动式起重机司机模拟考试题很简单。 1、【多选题】( )和…
阅读更多...
混合搜索与多重嵌入：一次有趣又毛茸茸的猫咪搜索之旅！（二）

混合搜索与多重嵌入：一次有趣又毛茸茸的猫咪搜索之旅！（二）

这是继上一篇文章 “混合搜索与多重嵌入&#xff1a;一次有趣又毛茸茸的猫咪搜索之旅&#xff01;&#xff08;一&#xff09;” 的续篇。这这篇文章中&#xff0c;我们讲使用本地 Elasticsearch 部署来完成整个演示。这是一个简单的 Python Web 应用程序&#xff0c;展示了可…
阅读更多...
【CSS】清除浮动（父元素塌陷）

【CSS】清除浮动（父元素塌陷）

在CSS布局中&#xff0c;“清除浮动”通常指的是消除由浮动元素引起的某些副作用&#xff0c;特别是当这些浮动元素影响到后续元素或者父元素的高度计算时。浮动元素会使它们脱离正常的文档流&#xff0c;这可能导致一些意料之外的效果&#xff0c;比如父元素高度塌陷&#xff…
阅读更多...
算法【Java】—— 动态规划之路径问题

算法【Java】—— 动态规划之路径问题

前言 本文章终点解析第一道题目【不同路径】和最后一道题目【地下城游戏】的动态规划思路&#xff0c;中间几道题目会很快过完&#xff0c;大家如果不熟悉动态规划的思路可以重点看一下这两道题目的解析。 不同路径 https://leetcode.cn/problems/unique-paths 解析&#xf…
阅读更多...
FPGA实现串口升级及MultiBoot（五)通过约束脚本添加IPROG实例

FPGA实现串口升级及MultiBoot（五)通过约束脚本添加IPROG实例

本文目录索引 一个指令和三种方式通过约束脚本添加Golden位流工程MultiBoot位流工程验证example1总结代码缩略词索引： K7:Kintex 7V7:Vertex 7A7:Artix 7MB:MicroBlaze上一篇文章种总结了MultiBoot 关键技术，分为：一个指令、二种位流、三种方式、四样错误。针对以上四句话我…
阅读更多...
jmeter基础02_下载安装jmeter

jmeter基础02_下载安装jmeter

&#xff08;安装包windows、mac、Linux通用&#xff09; Step1. 官网下载 官网地址&#xff1a;https://jmeter.apache.org/download_jmeter.cgi 官网可见最新版本的jmeter和要求的jdk版本&#xff0c;先说结论&#xff1a;建议下载Binaries-zip格式包即可。 安装包有2大类&am…
阅读更多...
Spring Boot环境下的知识分类与检索

Spring Boot环境下的知识分类与检索

2 开发技术 2.1 VUE框架 Vue.js&#xff08;读音 /vjuː/, 类似于 view&#xff09; 是一套构建用户界面的渐进式框架。 Vue 只关注视图层&#xff0c; 采用自底向上增量开发的设计。 Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 2.2 Mysql数据库 …
阅读更多...
【Threejs】相机控制器动画

【Threejs】相机控制器动画

使用场景 官方提供了一个基于目标点、刷新速度&#xff0c;在每次renderer中执行的动画&#xff0c;但实际开发中你可能会需要基于设定时间、目标点添加动画&#xff0c;并且有更多自定义成分的方式 获取当前状态下控制器和相机的姿态 getVisionCof() {let { controls } thi…
阅读更多...
理解鸿蒙app 开发中的 context

理解鸿蒙app 开发中的 context

是什么 Context是应用中对象的上下文&#xff0c;其提供了应用的一些基础信息&#xff0c;例如resourceManager&#xff08;资源管理&#xff09;、applicationInfo&#xff08;当前应用信息&#xff09;、dir&#xff08;应用文件路径&#xff09;、area&#xff08;文件分区…
阅读更多...
【JS】如何设置一个只读属性

【JS】如何设置一个只读属性

1. Object.defineProperty 通过属性描述符将属性设置为不可修改 const obj {}; Object.defineProperty(obj, name, {value: John,writable: false, // 不允许修改该属性configurable: true, // 允许删除或修改属性描述符 });console.log(obj.name); // 输出: Johnobj.name …
阅读更多...
YOLOv6-4.0部分代码阅读笔记-inferer.py

YOLOv6-4.0部分代码阅读笔记-inferer.py

inferer.py yolov6\core\inferer.py 目录 inferer.py 1.所需的库和模块 2.class Inferer: 3.class CalcFPS: 1.所需的库和模块 #!/usr/bin/env python3 # -*- coding:utf-8 -*- # 用于模型的推理。 import os import cv2 import time import math import torch import…
阅读更多...
Linux：git的了解和基础使用（保姆级教程）

Linux：git的了解和基础使用（保姆级教程）

文章目录 引言一、git是什么1.1 版本控制器git1.2 git的历史 二、git的使用2.1 安装git2.2 创建gitee账号2.3 git三板斧2.3.1 add2.3.2 commit2.3.3 push 三. git的补充总结 引言 git是一款软件&#xff0c;它用于帮助我们来管理代码以及文件&#xff0c;掌握并使用git可以很有…
阅读更多...
探索LINQ在C#中的应用：从基本查询到数据联接

探索LINQ在C#中的应用：从基本查询到数据联接

LINQ&#xff08;语言集成查询&#xff09;是微软为.NET框架开发的一种强大功能&#xff0c;于2007年作为C# 3.0和Visual Basic .NET 9.0的一部分引入。LINQ的诞生旨在提供一种一致且直观的方式来查询和操作数据&#xff0c;无论数据来源是内存中的集合、数据库还是XML文档。 …
阅读更多...
鸿蒙UI开发——实现环形文字

鸿蒙UI开发——实现环形文字

1、背 景 有朋友提问&#xff1a;您好关于鸿蒙UI想咨询一个问题 如果我想实现展示环形文字是需要通过在Text组件中设置transition来实现么&#xff0c;还是需要通过其他方式来实现。 针对这位粉丝朋友的提问&#xff0c;我们做一下解答。 2、实现环形文字效果 ❓ 什么是环形…
阅读更多...
搭建轻量级文件服务器Dufs

搭建轻量级文件服务器Dufs

前言 Dufs是什么&#xff1f; 答&#xff1a;是一款轻量级文件管理服务器&#xff0c;类似于FTP服务器但又比FTP更好用易于管理。 Dufs有什么特性&#xff1f; 答&#xff1a; ‌静态文件服务…
阅读更多...
什么时候用 Tailwind 什么时候用 CSS

什么时候用 Tailwind 什么时候用 CSS

结合自己开发项目&#xff0c;进行整理 对比图 特性/场景Tailwind CSS普通 CSS常见布局✅ margin, padding, flex, grid⚠️ 可用但繁琐基础样式✅ 颜色、字体、间距等预设值⚠️ 需要手动定义响应式设计✅ sm:, md:, lg: 前缀⚠️ 需要写 media queries特定数值❌ 受限于预设…
阅读更多...
【软考】系统分析师第二版 新增章节 第20章微服务系统分析与设计

【软考】系统分析师第二版 新增章节 第20章微服务系统分析与设计

微服务系统是一类基于微服务架构风格的分布式系统&#xff0c;它将应用程序拆分成多个独立的小型服务&#xff0c;每个服务都运行在独立的进程中&#xff0c;并采用轻量级通信协议进行通信。这些服务可以由不同的团队开发、不同的编程语言编写&#xff0c;并且可以按需部署。微…
阅读更多...
JS类型检测大全：从零基础到高级应用

JS类型检测大全：从零基础到高级应用

文章目录 1. typeof 操作符typeof null 为什么是 object 2. instanceof 操作符3. Object.prototype.toString.call()&#xff08;最准确的&#xff09;4. Array.isArray()5. constructor 属性总结 在JavaScript中&#xff0c;有多种方法可以用来检测数据类型。每种方法都有其特…
阅读更多...
基于SSM的校园美食交流系统【附源码】

基于SSM的校园美食交流系统【附源码】

基于SSM的校园美食交流系统 效果如下&#xff1a; 管理员主页面 用户主页面 美食信息页面 美食资讯页面 修改密码页面 论坛中心页面 研究背景 随着高校信息化建设的不断推进&#xff0c;校园生活日益丰富多样&#xff0c;学生对于美食的需求与探索也愈发旺盛。然而&#xff…
阅读更多...
css实现div被图片撑开

css实现div被图片撑开

固定好盒子的宽度&#xff0c;高度随传过来的图片大小决定 <div class"tab-con"> <img:src"concertInfo.detail"alt""> </div>.tab-con {margin-bottom: 20px;width: 700px;img {width: 700px;height: auto;object-fit: cont…
阅读更多...
最新文章

Copyright @ 2022~2023