文章的目的为了记录使用Arkts 进行Harmony app 开发学习的经历。本职为嵌入式软件开发，公司安排开发app，临时学习，完成app的开发。开发流程和要点有些记忆模糊，赶紧记录，防止忘记。

 相关链接：

开源 Arkts 鸿蒙应用 开发（一）工程文件分析-CSDN博客

开源 Arkts 鸿蒙应用 开发（二）封装库.har制作和应用-CSDN博客

开源 Arkts 鸿蒙应用 开发（三）Arkts的介绍-CSDN博客

开源 Arkts 鸿蒙应用 开发（四）布局和常用控件-CSDN博客

开源 Arkts 鸿蒙应用 开发（五）控件组成和复杂控件-CSDN博客

开源 Arkts 鸿蒙应用 开发（六）数据持久--文件和首选项存储-CSDN博客

开源 Arkts 鸿蒙应用 开发（七）数据持久--sqlite关系数据库-CSDN博客

开源 Arkts 鸿蒙应用 开发（八）多媒体--相册和相机-CSDN博客

开源 Arkts 鸿蒙应用 开发（九）通讯--tcp客户端-CSDN博客

开源 Arkts 鸿蒙应用 开发（十）通讯--Http-CSDN博客

开源 Arkts 鸿蒙应用 开发（十一）证书和包名修改-CSDN博客

开源 Arkts 鸿蒙应用 开发（十二）传感器的使用-CSDN博客

开源 Arkts 鸿蒙应用 开发（十三）音频--MP3播放_arkts avplayer播放音频 mp3-CSDN博客

开源 Arkts 鸿蒙应用 开发（十四）线程--任务池(taskpool)-CSDN博客

开源 Arkts 鸿蒙应用 开发（十五）自定义绘图控件--仪表盘-CSDN博客

开源 Arkts 鸿蒙应用 开发（十六）自定义绘图控件--波形图-CSDN博客

开源 Arkts 鸿蒙应用 开发（十七）通讯--http多文件下载-CSDN博客

开源 Arkts 鸿蒙应用 开发（十八）通讯--Ble低功耗蓝牙服务器-CSDN博客

 推荐链接：

开源 java android app 开发（一）开发环境的搭建-CSDN博客

开源 java android app 开发（二）工程文件结构-CSDN博客

开源 java android app 开发（三）GUI界面布局和常用组件-CSDN博客

开源 java android app 开发（四）GUI界面重要组件-CSDN博客

开源 java android app 开发（五）文件和数据库存储-CSDN博客

开源 java android app 开发（六）多媒体使用-CSDN博客

开源 java android app 开发（七）通讯之Tcp和Http-CSDN博客

开源 java android app 开发（八）通讯之Mqtt和Ble-CSDN博客

开源 java android app 开发（九）后台之线程和服务-CSDN博客

开源 java android app 开发（十）广播机制-CSDN博客

开源 java android app 开发（十一）调试、发布-CSDN博客

开源 java android app 开发（十二）封库.aar-CSDN博客

推荐链接：

开源C# .net mvc 开发（一）WEB搭建_c#部署web程序-CSDN博客

开源 C# .net mvc 开发（二）网站快速搭建_c#网站开发-CSDN博客

开源 C# .net mvc 开发（三）WEB内外网访问(VS发布、IIS配置网站、花生壳外网穿刺访问)_c# mvc 域名下不可訪問內網,內網下可以訪問域名-CSDN博客

开源 C# .net mvc 开发（四）工程结构、页面提交以及显示_c#工程结构-CSDN博客

开源 C# .net mvc 开发（五）常用代码快速开发_c# mvc开发-CSDN博客

本章内容主要演示了如何使自定义控件，通过画布实现一个心率监测应用，主要包含三个文件：Index.ets、HeartRate.ets和HeartRateGraph.ets。

1.工程结构

2.源码解析

3.演示效果

4.工程下载网址

一、工程结构,主要有标红部分4个文件

二、源码解析

2.1  Index.ets
这是应用的入口文件，主要功能：

创建一个简单的界面展示心率数据和心率图表

使用AppStorage存储心率数据

通过定时器模拟心率数据变化

代码如下：
 

import HeartRateGraph from '../uicomponents/HeartRateGraph';@Entry
@Component
struct Index {@State heartRate: number = 0;aboutToAppear() {// 初始化 AppStorage 中的 heartRateAppStorage.setOrCreate('heartRate', this.heartRate);// 定时更新setInterval(() => {this.heartRate = Math.floor(Math.random() * 60) + 60;AppStorage.setOrCreate('heartRate', this.heartRate);}, 1000);}build() {Column() {// 不需要传递 heartRate 参数HeartRateGraph({viewWidth: 360,viewHeight: 300}).width('100%').height(300)Text(`当前心率: ${this.heartRate} bpm`).fontSize(18)}}
}

2.2  HeartRate.ets
这是主要的心率展示页面：展示心率数据（最大值、最小值、平均值、当前值）

使用@StorageLink从AppStorage同步心率数据和窗口大小数据

通过@Watch装饰器监听数据变化

以下为代码：

/** Copyright (c) 2024 Huawei Device Co., Ltd.* Licensed under the Apache License, Version 2.0 (the "License");* you may not use this file except in compliance with the License.* You may obtain a copy of the License at**     http://www.apache.org/licenses/LICENSE-2.0** Unless required by applicable law or agreed to in writing, software* distributed under the License is distributed on an "AS IS" BASIS,* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.* See the License for the specific language governing permissions and* limitations under the License.*/import { display, promptAction, window } from '@kit.ArkUI';
import { common } from '@kit.AbilityKit';
import { BusinessError } from '@kit.BasicServicesKit';import HeartRateGraph from '../uicomponents/HeartRateGraph';
const uiContext: UIContext | undefined = AppStorage.get('uiContext');
const HEIGHT_NAVIGATION_BAR = 64;
const HEIGHT_TOP_ROW = 40;
const MARGIN_HORIZONTAL = 60;
const HEART_RATE_TOO_LOW = 50;
const HEART_RATE_TOO_HIGH = 100;
const context: Context =uiContext!.getHostContext()!;@Component
export struct HeartRate {@StorageLink('heartRate') @Watch('onHeartRate') heartRate: number = 0;@StorageLink('windowSize') @Watch('onWindowSizeChange') windowSize: window.Size = {width: display.getDefaultDisplaySync().width,height: display.getDefaultDisplaySync().height};@State isFoldAble: boolean = false;@State foldStatus: number = 2;@State heartRateTop: number = 0;@State heartRateBottom: number = 0;@State heartRateAverage: number = 0;@State graphWidth: number = this.windowSize.width - this.getUIContext().vp2px(MARGIN_HORIZONTAL) * 2;@State graphHeight: number = this.windowSize.height - this.getUIContext().vp2px(HEIGHT_NAVIGATION_BAR) - this.getUIContext().vp2px(HEIGHT_TOP_ROW * 3);@State isConnect: boolean = false;private windowClass = (context as common.UIAbilityContext).windowStage.getMainWindowSync();onHeartRate(): void {this.heartRateTop = this.heartRateTop < this.heartRate ? this.heartRate : this.heartRateTop;this.heartRateBottom = (this.heartRateBottom === 0) ? this.heartRate :(this.heartRateBottom > this.heartRate) ? this.heartRate : this.heartRateBottom;this.heartRateAverage = (this.heartRateAverage + this.heartRate) / 2;}onWindowSizeChange(): void {this.graphWidth = this.windowSize.width - this.getUIContext().vp2px(MARGIN_HORIZONTAL) * 2;this.graphHeight = this.windowSize.height - this.getUIContext().vp2px(HEIGHT_NAVIGATION_BAR) - this.getUIContext().vp2px(HEIGHT_TOP_ROW * 3);}showWarningReminder(): boolean {return this.tooHigh() || this.tooLow();}tooHigh(): boolean {return this.heartRate > HEART_RATE_TOO_HIGH;}tooLow(): boolean {return this.heartRate < HEART_RATE_TOO_LOW;}setOrientation(orientation: number) {this.windowClass.setPreferredOrientation(orientation).then(() => {//Logger.info('setWindowOrientation Succeeded');}).catch((err: BusinessError) => {//Logger.error(`setWindowOrientation Failed. Cause:${JSON.stringify(err)}`);})this.windowClass.setWindowSystemBarEnable([]);}aboutToAppear() {this.setOrientation(window.Orientation.LANDSCAPE);let mWindow: window.Window | undefined;let windowStage: window.WindowStage | undefined;mWindow = windowStage?.getMainWindowSync();mWindow?.on('windowSizeChange', (size: window.Size) => {AppStorage.setOrCreate('windowSize', size);})this.isFoldAble = display.isFoldable();let foldStatus: display.FoldStatus = display.getFoldStatus();if (this.isFoldAble) {this.foldStatus = foldStatus;let callback: Callback<number> = () => {let data: display.FoldStatus = display.getFoldStatus();this.foldStatus = data;}display.on('change', callback);}}aboutToDisappear(): void {this.setOrientation(window.Orientation.PORTRAIT);}build() {NavDestination() {Row() {Row() {Image($r('app.media.heart_fill')).width(36).aspectRatio(1).margin({ left: 8 })Column() {Row() {Text(`${this.heartRateTop}`).fontColor(Color.Black).opacity(0.9).fontSize(26).fontWeight(FontWeight.Bold)Text($r('app.string.times_per_minute')).fontColor(Color.Black).opacity(0.6)}.width(90)Text($r('app.string.maximum_heart_rate')).fontColor(Color.Black).opacity(0.6).width(90)}.margin({ left: 30, right: 50 })Column() {Row() {Text(`${this.heartRateBottom}`).fontColor(Color.Black).opacity(0.9).fontSize(26).fontWeight(FontWeight.Bold)Text($r('app.string.times_per_minute')).fontColor(Color.Black).opacity(0.6)}.width(90)Text($r('app.string.minimum_heart_rate')).fontColor(Color.Black).opacity(0.6).width(90)}}.alignItems(VerticalAlign.Center).width(this.isFoldAble && this.foldStatus === 2 ? 345 : 360).height(90).backgroundColor(Color.White).borderRadius(12).margin({ right: 24 })Row() {Image($r('app.media.waveform_path_ecg_heart_fill')).width(36).aspectRatio(1).margin({ left: 8 })Column() {Row() {Text(`${Math.floor(this.heartRateAverage)}`).fontColor(Color.Black).opacity(0.9).fontSize(26).fontWeight(FontWeight.Bold)Text($r('app.string.times_per_minute')).fontColor(Color.Black).opacity(0.6)}.width(90)Text($r('app.string.mean_heart_rate')).fontColor(Color.Black).opacity(0.6).width(90)}.margin({ left: 30, right: 50 })Column() {Row() {Text(`${this.heartRate}`).fontColor(Color.Black).opacity(0.9).fontSize(26).fontWeight(FontWeight.Bold)Text($r('app.string.times_per_minute')).fontColor(Color.Black).opacity(0.6)}.width(90)Text($r('app.string.current_heart')).fontColor(Color.Black).opacity(0.6).width(90)}}.alignItems(VerticalAlign.Center).width(this.isFoldAble && this.foldStatus === 2 ? 345 : 360).height(90).backgroundColor(Color.White).borderRadius(12)}.width('100%').height(90).padding({ left: 60, right: 60 }).justifyContent(FlexAlign.SpaceBetween).margin({ bottom: 36 })HeartRateGraph({viewWidth: 756,viewHeight: 180})}.hideTitleBar(true).backgroundColor('#F5F5F5')}
}

2.3  HeartRateGraph.ets
这是心率图表组件，主要功能：绘制心率变化曲线图，显示坐标轴和时间轴，响应视图大小变化

使用CanvasRenderingContext2D进行绘图，绘制坐标轴、网格线和心率曲线

以下为代码：

import DateUtils from '../utils/DateUtils';
const uiContext: UIContext | undefined = AppStorage.get('uiContext');
const SIZE: number = 12;
const COORDINATE_SIZE: number = 5;
const LINE_WIDTH: number = uiContext!.px2vp(6);
const COLOR_LINE: string = '#FF0A59F7';
const MAX_HEART_RATE: number = 200;
const WIDTH_CHANGE_POINT: number = uiContext!.px2vp(900);const X_COORDINATE_TEXT_HEIGHT: number = uiContext!.px2vp(30);
const START_X: number = uiContext!.px2vp(40);
const PADDING_VERTICAL: number = uiContext!.px2vp(40);
const PADDING_HORIZONTAL: number = uiContext!.px2vp(40);// 在常量定义部分增加字体大小相关常量
const COORDINATE_FONT_SIZE: number = uiContext!.px2vp(18); // 坐标轴字体大小
const DATA_LABEL_FONT_SIZE: number = uiContext!.px2vp(16); // 数据标签字体大小
const TITLE_FONT_SIZE: number = uiContext!.px2vp(15);     // 标题字体大小@Component
export default struct HeartRateGraph {@StorageProp('heartRate') @Watch('onHeartRate') heartRate: number = 0;@Prop @Watch('onViewSizeChange') viewWidth: number;@Prop @Watch('onViewSizeChange') viewHeight: number;@State heartRateArr: Array<number> = [];@State timeArr: Array<string> = [];private settings: RenderingContextSettings = new RenderingContextSettings(true);private context: CanvasRenderingContext2D = new CanvasRenderingContext2D(this.settings);private mCoordinateLineEndX: number = 0;private mOffset: number = 0;private mHeightRatio: number = 0;private mHeartRateCoordinateArr: Array<number> = [];aboutToAppear(): void {this.calculateLayoutConfig();for (let i = 0; i < SIZE; i++) {this.heartRateArr[i] = 0;}for (let i = 0; i < SIZE; i++) {this.timeArr[i] = `--:--:--`;}}onHeartRate() {this.heartRateArr.push(this.heartRate);if (this.heartRateArr.length > SIZE) {this.heartRateArr.shift();}this.timeArr.push(DateUtils.format(new Date(), 'HH:mm:ss'));if (this.timeArr.length > SIZE) {this.timeArr.shift();}this.draw();}onViewSizeChange() {this.calculateLayoutConfig();}calculateLayoutConfig() {this.mCoordinateLineEndX = this.viewWidth - PADDING_HORIZONTAL;this.mOffset = (this.viewWidth - START_X - PADDING_HORIZONTAL * 2) / (SIZE - 1);this.mHeightRatio = (this.viewHeight - PADDING_VERTICAL * 2 - X_COORDINATE_TEXT_HEIGHT * 2) / MAX_HEART_RATE;let heartRateCoordinate: number = MAX_HEART_RATE / (COORDINATE_SIZE - 1);this.mHeartRateCoordinateArr =[0, heartRateCoordinate, heartRateCoordinate * 2, heartRateCoordinate * 3, heartRateCoordinate * 4];}draw() {this.context.clearRect(0, 0, this.viewWidth, this.viewHeight);this.drawCoordinate();this.drawHeartRateLine();}drawCoordinate() {// 修改坐标轴文字大小和样式this.context.font = `${COORDINATE_FONT_SIZE}px sans-serif`;this.context.fillStyle = '#333333'; // 使用更深的颜色提高可读性// 修改数据标签文字大小this.context.font = `${DATA_LABEL_FONT_SIZE}px sans-serif`;this.context.fillStyle = '#000000'; // 黑色提高对比度this.context.lineWidth = LINE_WIDTH / 3;this.context.font = '16px sans-serif';let path: Path2D = new Path2D();this.context.fillStyle = '#999999';for (let i = 0; i < COORDINATE_SIZE; i++) {let text = `${this.mHeartRateCoordinateArr[i]}bpm`;let offsetY = (this.viewHeight - PADDING_VERTICAL * 2 - X_COORDINATE_TEXT_HEIGHT * 2) / (COORDINATE_SIZE - 1);let x = 0;let y = this.viewHeight - PADDING_VERTICAL - X_COORDINATE_TEXT_HEIGHT * 2 - offsetY * i +this.context.measureText(text)?.height / 4;path.moveTo(x, y);this.context.fillText(text, x, y);this.context.stroke(path);}this.context.strokeStyle = '#1A000000';for (let i = 0; i < COORDINATE_SIZE; i++) {let offsetY = (this.viewHeight - PADDING_VERTICAL * 2 - X_COORDINATE_TEXT_HEIGHT * 2) / (COORDINATE_SIZE - 1);let x = START_X + PADDING_HORIZONTAL;let y = this.viewHeight - PADDING_VERTICAL - X_COORDINATE_TEXT_HEIGHT * 2 - offsetY * i;let path1: Path2D = new Path2D();path1.moveTo(x, y);path1.lineTo(this.mCoordinateLineEndX, y);this.context.stroke(path1);}this.context.fillStyle = '#999999';let path2: Path2D = new Path2D();for (let i = 0; i < SIZE; i++) {if (this.viewWidth <= WIDTH_CHANGE_POINT && i % 2 === 0) {continue;}let text = this.timeArr[i];let x = START_X + this.mOffset * i + PADDING_HORIZONTAL - this.context.measureText(text)?.width / 2;let y = this.viewHeight - PADDING_VERTICAL - X_COORDINATE_TEXT_HEIGHT;path2.moveTo(x, y);this.context.fillText(text, x, y);this.context.stroke(path2);}this.context.fillStyle = '#333333';let path3: Path2D = new Path2D();for (let i = 0; i < SIZE; i++) {if (this.viewWidth <= WIDTH_CHANGE_POINT && i % 2 === 0) {continue;}let text = `${this.heartRateArr[i]}bpm`;let x = START_X + this.mOffset * i + PADDING_HORIZONTAL - this.context.measureText(text)?.width / 2;let y = this.viewHeight - PADDING_VERTICAL;path2.moveTo(x, y);this.context.fillText(text, x, y);this.context.stroke(path3);}}drawHeartRateLine() {this.context.lineWidth = LINE_WIDTH;this.context.strokeStyle = COLOR_LINE;let path: Path2D = new Path2D();for (let i = 0; i < SIZE; i++) {let x = START_X + this.mOffset * i + PADDING_HORIZONTAL;let y =this.viewHeight - PADDING_VERTICAL - X_COORDINATE_TEXT_HEIGHT * 2 - this.heartRateArr[i] * this.mHeightRatio;if (i === 0) {path.moveTo(x, this.viewHeight - PADDING_VERTICAL - X_COORDINATE_TEXT_HEIGHT * 2);path.lineTo(x, y);} else {path.lineTo(x, y);}if (i === SIZE - 1) {path.lineTo(x, this.viewHeight - PADDING_VERTICAL - X_COORDINATE_TEXT_HEIGHT * 2);}}let gradient = this.context.createLinearGradient(0, PADDING_VERTICAL, 0,this.viewHeight - PADDING_VERTICAL - X_COORDINATE_TEXT_HEIGHT * 2);gradient.addColorStop(0.0, '#660A59F7');gradient.addColorStop(1.0, '#660A59F7');this.context.fillStyle = gradient;this.context.fill(path);this.context.stroke(path);this.context.clearRect(START_X + PADDING_HORIZONTAL - LINE_WIDTH / 2, 0, LINE_WIDTH,this.viewHeight - PADDING_VERTICAL - X_COORDINATE_TEXT_HEIGHT * 2 + LINE_WIDTH / 2);this.context.clearRect(this.viewWidth - PADDING_HORIZONTAL - LINE_WIDTH / 2, 0, LINE_WIDTH,this.viewHeight - PADDING_VERTICAL - X_COORDINATE_TEXT_HEIGHT * 2 + LINE_WIDTH / 2);}build() {Column() {// 添加图表标题Text('心率变化图').fontSize(TITLE_FONT_SIZE).fontWeight(FontWeight.Bold).fontColor('#333333').margin({ bottom: 10 });Canvas(this.context).width(this.viewWidth).height(this.viewHeight).onReady(() => {this.draw();})}}
}

2.4  DateUtils.ets时间格式化文件

以下为代码：


const MAX_LENGTH: number = 2;export default class DateUtils {public static format(date: Date, format: string = 'yyyy-MM-dd HH:mm:ss'): string {let year = date.getFullYear().toString();let month = (date.getMonth() + 1).toString().padStart(MAX_LENGTH, '0');let day = (date.getDate() + 1).toString().padStart(MAX_LENGTH, '0');let hour = (date.getHours() + 1).toString().padStart(MAX_LENGTH, '0');let minute = (date.getMinutes() + 1).toString().padStart(MAX_LENGTH, '0');let second = (date.getSeconds() + 1).toString().padStart(MAX_LENGTH, '0');let result = format.replace('yyyy', year);result = result.replace('MM', month);result = result.replace('dd', day);result = result.replace('HH', hour);result = result.replace('mm', minute);result = result.replace('ss', second);return result}
}

三、演示效果

四、项目源码下载网址：https://download.csdn.net/download/ajassi2000/91681323

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

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

相关文章

【linux】自定义shell——bash命令行解释器小程序

【linux】自定义shell——bash命令行解释器小程序

小编个人主页详情<—请点击 小编个人gitee代码仓库<—请点击 linux系列专栏<—请点击 倘若命中无此运&#xff0c;孤身亦可登昆仑&#xff0c;送给屏幕面前的读者朋友们和小编自己! 目录前言一、交互问题&#xff0c;获取命令行二、字串的分隔问题&#xff0c;解析命…
阅读更多...
【Python】Python爬虫学习路线

【Python】Python爬虫学习路线

文章目录Python爬虫学习路线&#xff1a;从入门到实战的全景指南一、地基&#xff1a;Python核心基础1. 基础语法与数据结构2. 面向对象编程&#xff08;OOP&#xff09;3. 正则表达式&#xff08;Regex&#xff09;4. 模块与包管理二、工具链&#xff1a;Python爬虫核心库1. 网…
阅读更多...
VUE+SPRINGBOOT从0-1打造前后端-前后台系统-用户管理

VUE+SPRINGBOOT从0-1打造前后端-前后台系统-用户管理

在现代Web应用开发中&#xff0c;前后端分离架构已经成为主流模式。本文将通过一个完整的用户管理系统案例&#xff0c;详细介绍如何使用Vue.js Element UI构建前端界面&#xff0c;结合Spring Boot实现后端服务&#xff0c;实现前后端分离开发。该系统包含用户信息的增删改查…
阅读更多...
基于uni-app+vue3实现的微信小程序地图范围限制与单点标记功能实现指南

基于uni-app+vue3实现的微信小程序地图范围限制与单点标记功能实现指南

一、功能概述本文将分步骤讲解如何使用uni-app框架在微信小程序中实现以下功能&#xff1a;显示基础地图绘制特定区域范围&#xff08;以郑州市为例&#xff09;实现点击地图添加标记点限制标记点只能在指定区域内添加显示选中位置的坐标信息二、分步骤实现步骤1&#xff1a;搭…
阅读更多...
C# 反射和特性(关于应用特性的更多内容)

C# 反射和特性(关于应用特性的更多内容)

关于应用特性的更多内容 至此&#xff0c;我们演示了特性的简单使用&#xff0c;都是为方法应用单个特性。本节将讲述特性的其他使 用方式。 多个特性 可以为单个结构应用多个特性。 多个特性可以使用下面任何一种格式列出。 独立的特性片段一个接一个。通常&#xff0c;它们彼…
阅读更多...
【iOS】KVC原理及自定义

【iOS】KVC原理及自定义

目录 前言 KVC定义及API KVC的使用 基本类型 集合类型 访问非对象类型——结构体 集合操作符 层层嵌套 KVC底层原理 设值过程 取值过程 自定义KVC setter方法 getter方法 KVC异常小技巧 自动转换类型 设置空值 未定义的key 前言 在平时的开发中我们经常用到K…
阅读更多...
完整设计 之 智能合约系统：主题约定、代理协议和智能合约 （临时命名）----PromptPilot （助手）答问之2

完整设计 之 智能合约系统：主题约定、代理协议和智能合约 （临时命名）----PromptPilot （助手）答问之2

摘要&#xff08;CSDN的AI助手生成的&#xff09;智能合约系统架构设计摘要本设计构建了一个多层次智能合约系统&#xff0c;包含150字以内的核心架构&#xff1a;三级架构体系&#xff1a;元级&#xff08;序分&#xff09;&#xff1a;MetaModel合约定义系统核心原则模型级&a…
阅读更多...
Java基础 8.16

Java基础 8.16

1.final关键字基本介绍final中文意思&#xff1a;最后的&#xff0c;最终的final可以修饰类、属性、方法和局部变量在某些情况下&#xff0c;程序员可能有以下需求&#xff0c;就会使用到final当不希望类被继承时,可以用final修饰当不希望父类的某个方法被子类覆盖/重写(overri…
阅读更多...
YOLOv8目标检测网络结构理论

YOLOv8目标检测网络结构理论

目录 YOLOv8的网络结构图&#xff1a; Backbone 卷积块&#xff08;Conv Block&#xff09; Conv2d层 BatchNorm2d层 SiLU激活函数 瓶颈块(Bottleneck Block) C2f 模块结构 Neck SPPF(空间金字塔池化快速) PAN - FPN Head 结构1.卷积层和激活函数: 2.预测层(Predi…
阅读更多...
docker部署hadoop集群

docker部署hadoop集群

Docker部署hadoop集群下载资源构建镜像启动容器搭建集群配置ssh免密节点职责安排修改配置文件启动集群测试上传下载执行wordcount程序补充配置历史服务器日志聚集单节点启动Java客户端使用HDFSMapReduce下载资源 java华为镜像下载地址&#xff1a;Index of java-local/jdk (hu…
阅读更多...
常用的T-SQL命令

常用的T-SQL命令

文章目录1. 数据库操作2. 表操作3. 数据插入、更新、删除4. 数据查询5. 存储过程6. 事务处理7、如何使用T-SQL在表中设置主键和外键&#xff1f;1. 设置主键&#xff08;PRIMARY KEY&#xff09;方法1&#xff1a;创建表时定义主键方法2&#xff1a;通过ALTER TABLE添加主键2. …
阅读更多...
C++面试题及详细答案100道（ 31-40 ）

C++面试题及详细答案100道（ 31-40 ）

《前后端面试题》专栏集合了前后端各个知识模块的面试题&#xff0c;包括html&#xff0c;javascript&#xff0c;css&#xff0c;vue&#xff0c;react&#xff0c;java&#xff0c;Openlayers&#xff0c;leaflet&#xff0c;cesium&#xff0c;mapboxGL&#xff0c;threejs&…
阅读更多...
给纯小白的 Python 操作 Excel 笔记

给纯小白的 Python 操作 Excel 笔记

&#x1f9f0; 1. 先装工具电脑键盘按 Win R&#xff0c;输入 cmd&#xff0c;回车&#xff0c;把下面一行粘进去回车&#xff0c;等它跑完。 bashpip install openpyxl——————————————————&#x1f6e0;️ 2. 打开一个空白的 Excel 打开 Jupyter Notebook…
阅读更多...
HTML 常用属性介绍

HTML 常用属性介绍

目录 HTML 属性 HTML 属性速查表 一、通用属性&#xff08;所有元素适用&#xff09; 二、链接与引用相关属性 三、表单与输入控件属性 四、媒体与多媒体属性 五、事件属性&#xff08;常用 JavaScript 事件&#xff09; 六、其他常用属性 核心通用属性 id 属性 cla…
阅读更多...
HTML5练习代码集：学习与实践核心特性

HTML5练习代码集：学习与实践核心特性

本文还有配套的精品资源&#xff0c;点击获取 简介&#xff1a;HTML5作为新一代网页标准&#xff0c;对Web开发提供了更丰富的功能和工具。本练习代码集专门针对HTML5的核心特性&#xff0c;包括语义化标签、离线存储、多媒体支持、图形绘制等&#xff0c;以及CSS3的3D效果和…
阅读更多...
【RH134知识点问答题】第 10 章：控制启动过程

【RH134知识点问答题】第 10 章：控制启动过程

目录 1. 请简要说明 RHEL9 的启动过程。 2. 系统重启和关机的命令分别是什么? 3. Systemd target 是什么&#xff1f; 4. 重置丢失的 root 密码需要哪些步骤&#xff1f; 5. 如何让系统日志在重启后持久保留 1. 请简要说明 RHEL9 的启动过程。 答&#xff1a;①开机自检…
阅读更多...
Apollo10.0学习之固态雷达与IMU的外参标定

Apollo10.0学习之固态雷达与IMU的外参标定

固态雷达&#xff08;如Livox、禾赛等非旋转式激光雷达&#xff09;与IMU&#xff08;惯性测量单元&#xff09;的外参标定&#xff08;Extrinsic Calibration&#xff09;是自动驾驶、机器人定位&#xff08;如LIO-SAM、FAST-LIO&#xff09;的关键步骤。1. 标定原理 外参标定…
阅读更多...
HTML5实现古典音乐网站源码模板1

HTML5实现古典音乐网站源码模板1

文章目录 1.设计来源1.1 网站首页1.2 古典音乐界面1.3 著名人物界面1.4 古典乐器界面1.5 历史起源界面 2.效果和源码2.1 动态效果2.2 源代码 源码下载万套模板&#xff0c;程序开发&#xff0c;在线开发&#xff0c;在线沟通 作者&#xff1a;xcLeigh 文章地址&#xff1a;http…
阅读更多...
40 C++ STL模板库9-容器2-vector

40 C++ STL模板库9-容器2-vector

C STL模板库9-容器2-vector 文章目录C STL模板库9-容器2-vector一、基础概念1. 类型成员&#xff08;Type Members&#xff09;2. 模板参数二、构造函数1. 语法2. 示例三、元素访问1. 函数说明2. 示例代码四、容量操作1. 函数说明2. 关键点说明3. 关键操作解析4. 操作示例五、修…
阅读更多...
GPT-5系列文章2——新功能、测试与性能基准全解析

GPT-5系列文章2——新功能、测试与性能基准全解析

引言 2025年8月&#xff0c;OpenAI正式发布了其新一代旗舰模型GPT-5。与业界此前期待的AGI(人工通用智能)突破不同&#xff0c;GPT-5更像是OpenAI对现有技术的一次深度整合与用户体验优化。本文将全面解析GPT-5的新特性、实际测试表现以及官方发布的基准数据&#xff0c;帮助开…
阅读更多...
最新文章

Copyright @ 2022~2023