ArkTS中的组件基础、状态管理、样式处理、class语法以及界面渲染

一、组件基础

1.什么是ArkTS

ArkTS是HarmoyOS优选的助力应用开发的语言，ArkTS围绕应用开发在TypeScript（简称TS）生态基础上做了进一步的扩展，继承了TS所有的特性，是TS的超集。

在这里插入图片描述

扩展的能力如下：

  • 基本语法
    • 定义了声明式UI、自定义组件、动态扩展UI元素
    • 提供了ArkUI系统组件、提供了组件事件、方法和属性
    • 共同构建UI开发主体
  • 状态状态
    • 组件状态、组件数据共享、应用数据的共享、设备共享
  • 渲染控制
    • 条件渲染、循环循环、数据懒加载
-- 声明式UI
通过一段HTML标签展示出对应的页面，还是通过使用document.createElement('tag')创建标签方便呢？
显示HTML，其实HTML本身就是声明式的，通过描述的方式取声明UI界面
一些前端框架也是用声明式UI，如：Vue使用template模板
再例如SwiftUI等app开发技术也是声明式的

2.组件结构

在这里插入图片描述

在这里插入图片描述

!在这里插入图片描述

ArkTS通过装饰器@Entry 和 @Component装饰器 struct关键字声明的数据结构，构成了一个自定义组件

自定义组件中提供一个builde函数，开发者需要在函数内部用链式调用的方式进行基本的UI描述

UI描述方法可以参考UI描述规范

如：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-common-components-text-display-V5

3.自定义组件

component 自定义组件的存放位置如下

在这里插入图片描述

在这里插入图片描述

Footer.ets

@Component
export default struct Footer{build() {Text('这是页脚');}
}

MyPage.ets


//导入自定义组件
import Footer from '../compnonents/Footer'
@Entry
@Component
struct MyPage{build() {Column(){Text("蔡徐坤篮球打的很好").fontSize(50).fontColor(Color.Red).fontWeight(FontWeight.Bold)Footer();}}
}

4.系统组件(ArkUI)

常用的系统组件：

  • Text
  • Column
  • Row
  • Button
  • TextInput

文档地址：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-build-layout-V5

在这里插入图片描述

@Entry
@Component
struct LoginPage {build() {Column(){  //垂直方向布局Row(){ //水平方向布局Text('手机号：')TextInput();  //输入框}Row(){ //水平方向布局Text('验证码：')TextInput();}Row(){Button('登录').backgroundColor(Color.Green)Button('重置').backgroundColor(Color.Red)}}}
}

二.状态管理

@State 可以定义状态变量

1.组件变量，不具备驱动UI更新能力

@Entry
@Component
struct StatePage {count = 100;  //变量build() {//Text只可以放String或者是ResourceText(this.count.toString()).onClick(() => {this.count++;//count的值加1})}
}

2 .状态变量加上@State 装饰器

加上@state装饰器后变量必须声明数据类型和赋值

但是给的类型不能是any，undefined，null，以及不建议给复杂类型和联合类型

@Entry
@Component
struct StatePage {@State count:number = 100;  //变量build() {//Text是可以放String或者是ResourceText(this.count.toString()).onClick(() => {this.count++;  //count的值加1})}
}

在鸿蒙开发中的页面调试建议:

import promptAction from '@ohos.promptAction';promptAction.showToast({message: this.count.toString(),  //弹出的内容duration:5000  //持续的时间，单位是毫秒  1秒=1000毫秒
})

3.练习案例

实现登录表单数据手机、重置、模拟提交

import promptAction from '@ohos.promptAction';
@Entry
@Component
struct LoginPage2 {@State mobile:string = '';//手机号@State password:string = '';//密码build() {Column(){ //垂直布局Row(){ //水平布局Text('手机号')TextInput().onChange((value) => {this.mobile = value; //将输入框中输入的内容给到变量mobile// promptAction.showToast({//   message: value,//   duration: 2000// })})}Row(){ //水平布局Text('密码')TextInput().onChange((value)=>{this.password = value;//将密码框中输入的内容赋值给password})}Row(){ //水平布局Button('重置')Button('登录').onClick(() => {//只要手机号和密码不为空if(this.mobile && this.password){promptAction.showToast({message:`${this.mobile} 登录成功`,duration:5000})} else {promptAction.showToast({message:`请输入手机号或密码`,duration:5000})}})}}}
}

三.样式处理

1. 样式语法(链式 & 枚举)

ArkTS中以声明方式组合和扩展组件来描述应用程序的UI

同时还提供了基本的属性、事件和子组件配置方法，帮助我们开发者实现应用交互逻辑

2. 样式属性

属性方法是以 .链式调用方式配置系统组件的样式和其它属性建议每个属性方法单独写一行

@Entry@Component
struct StylePage1 {build() {Text('演示').backgroundColor(Color.Orange) //背景颜色.fontSize(50) //字体大小，在鸿蒙中单位默认是vp.width('100%') //宽度.height(200) //高度.textAlign(TextAlign.Center) //文本水平对其方式}
}

3. 枚举值

枚举：有限的列举

对于系统组件，ArkUI还未属性预定义了一些枚举类型

官网：https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-appendix-enums-V5

@Entry
@Component
struct StylePage1 {build() {Text('演示').backgroundColor(Color.Orange) //背景颜色.fontSize(50) //字体大小，在鸿蒙中单位默认是vp.width('100%') //宽度.height(200) //高度.textAlign(TextAlign.Center) //文本水平对其方式}
}

4. VP

在鸿蒙开发中，单位默认是vp

什么是VP

virtual pixel: 虚拟像素

屏幕密度相关像素：根据屏幕像素转换成物理像素，当数值不带单位，默认的单位就是vp

在实际像素为1440物理像素的屏幕上。1vp约等于3px（物理像素）

在这里插入图片描述

import promptAction from '@ohos.promptAction'@Entry
@Component
struct VpPage {build() {Text('演示').backgroundColor(Color.Red) //背景颜色.fontSize(50)  //默认是vp，字体的大小.width('100%').height(200)  //行高.textAlign(TextAlign.Center) //文本水平对其方式.fontColor(Color.White) //文本颜色.onAreaChange((oldArea,newArea)=>{//屏幕大小发生改变的时候触发promptAction.showToast({message:newArea.width.toString()})})}
}

不同的设备屏幕的宽度vp是不一致的，那怎么适配呢？

5. 适配

采用的是伸缩布局、网格布局、栅格系统进行布局适配

伸缩

layoutWeight(flex:number) 占剩余空间的多少份，可以理解成css中flex:1

@Entry
@Component
struct LayoutPage {build() {Row(){Text('left').backgroundColor('red').layoutWeight(1) //layoutWeight伸缩，占剩余空间的多少份Text('right').backgroundColor('green').layoutWeight(2)}.width('100%')}
}

等比例

设置元素宽高比: aspectRatio(ratio:number)

在这里插入图片描述

@Entry
@Component
struct LayoutPage {build() {Column(){Row(){Text('left').backgroundColor(Color.Red).width('50%').aspectRatio(1)  //宽高等比例}.width('100%')}}
}

vp：是鸿蒙默认单位，和屏幕的像素有关（1vp ≈ 3px），最终表现视觉大小在任何设备一致

鸿蒙一般是以伸缩layoutWeight、网格、栅格进行适配布局的，如果要等比例缩放可以设置宽高等比

6.练习

设计稿一般是1080px

  • Nav
  • 左侧返回按钮24vp宽高，背景颜色#f5f5f5，图标12vp尺寸，颜色是#848484
  • 标题18vp
  • Comment
  • 头像尺寸32vp宽高、右侧间距10vp
  • 标题15vp，颜色默认
  • 内容16vp，颜色#565656
  • 底部12vp，颜色#c3c4c5

鸿蒙图标库：https://developer.huawei.com/consumer/cn/design/harmonyos-icon/

在这里插入图片描述

@Entry
@Component
struct PoePage {build() {Column(){//导航Row(){Image($r('app.media.chevron_left')).width(24).aspectRatio(1) //宽高等比//.fillColor('blue') //svg图标可以使用填充颜色Text('评论回复').layoutWeight(1) //占据剩余的部分.textAlign(TextAlign.Center) //文本居中.padding({right:24  //距离右边内边距24})}.height(40)//评论部分Row(){Image($r('app.media.kun')).width(32).aspectRatio(1) //等比缩放.borderRadius(16) //圆角Column(){Text('坤坤').width('100%')Text('篮球打得很好').width('100%')Row(){Text('10.21.*.*  IP属于湖北武汉').fontSize(12).fontColor('#c3c4c5')}}}}.width('100%').height('100%')}
}

7. 样式复用

在开发过程中会出现大量代码在进行重复的样式设置，可以通过@Styles实现样式的复用

在组件内和组件外均可

7.1 Styles

  • 当前Styles仅仅支持通用属性和通用事件
    • 通用属性文档：https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/5_2_u901a_u7528_u5c5e_u6027-V5
  • 支持全局定义和组件内定义，同时存在组件内覆盖全局生效
import promptAction from '@ohos.promptAction'//组件外
@Styles
function functionName(){.backgroundColor('red').height(200).padding({left:20}).onClick(() => {promptAction.showToast({message:'ok'})})
}@Entry
@Component
struct StylesPage {//组件内// @Styles// functionName(){//   .backgroundColor('red')//   .height(200)//   .padding({left:20})//   .onClick(() => {//     promptAction.showToast({//       message:'ok'//     })//   })// }build() {Column(){Text('Text1').functionName()Text('Text2').functionName()}}
}

7.2 Styles练习

需求：有一个Text和一个按钮，背景颜色都是绿色，并且点击的时候都加1

// @Styles
// function sameStyle(){
//   .backgroundColor('green')
//   .onClick(()=>{
//     this.count++;
//   })
// }@Entry
@Component
struct StlyesDemoPage {@State count:number = 1;@StylessameStyle(){.backgroundColor('green').onClick(()=>{this.count++;})}build() {Row(){Column(){Text(this.count.toString()).sameStyle()Button('+1').sameStyle()}}}
}

7.3 Extends

@Extends:用于扩展原生组件样式，通过传入参数提供更加灵活的样式复用

  • 使用@Extends 装饰器的函数只能是全局的
  • 函数可以进行传参，如果参数是状态变量，状态更新后会刷新UI
  • 且参数可以是一个函数，实现复用事件且可处理不同逻辑
  • 只能放在组件外

在这里插入图片描述

import promptAction from '@ohos.promptAction';
@Extend(Text) function myExtend(color:string,callbck:()=>void){.backgroundColor(color) //颜色参数传入.width(100).height(100).textAlign(TextAlign.Center).borderRadius(10).onClick(() => callbck())
}@Entry
@Component
struct ExtendsPage {@State color:string = '#ccc';build() {Column(){Text('Text1').myExtend(this.color, () => {this.color = '#069'})Text('Text2').myExtend('blue',() => {promptAction.showToast({message:'做其他的事情'})})}}
}

7.4 样式多态

stateStyles() 可以依据组件的内部状态不同，快速的设置不同的样式

stateStyles是属性方法，可以根据UI内部装填来设置样式，类似于css的伪类，但是语法不一样的。

ArkUI提供了四种状态

  • focused：获取焦点状态
  • normal：正常状态
  • pressed：按压状态
  • disabled：不可用状态
import promptAction from '@ohos.promptAction';@Entry
@Component
struct StateStylesPage {@State disabled:boolean = false;@State focused:boolean = false;build() {Column(){Text('toggle disabled --->' + this.disabled).onClick(() => {//!表示取反this.disabled = !this.disabled;})Text('toggle focused ---> ' + this.focused).onClick(() => {this.focused = ! this.focused;})Text('clickMe').enabled(!this.disabled) //如果将enabled设置为false，则表示不允许点击.focusable(true).onClick(() => {promptAction.showToast({message:'click'})})}}
}

四. class语法

在鸿蒙的开发中关于对象状态范式，采用class方式，后续组件传值遇到深层对象嵌套要利用class

1. class创建对象和class类型

class Person{age:numbername:stringconstructor(name:string,age:number) {this.name = name;this.age = age;}
}//创建对象
//当类型使用和构造函数使用
//有构造很函数了可以直接new
const p:Person = new Person('jack',20);//当类型使用这种后续比较多，我们使用字面量对象
//没有构造函数需要用字面量的方式
// const p1:Person = {
//   name:'tom',
//   age:18
// }

2. implements 和interface接口

// 定义了一个接口
import promptAction from '@ohos.promptAction'interface IPerson{name:string,age:number,say:() => void
}//实现接口.实现接口后，必须给属性初始值和实现方法
class Person implements IPerson{name:string = "";age:number = 0;say(){promptAction.showToast({message:this.name})}
}

3. extends继承

// 定义了一个接口
import promptAction from '@ohos.promptAction'interface IPerson{name:string,age:number,say:() => void
}//实现接口.实现接口后，必须给属性初始值和实现方法
class Person implements IPerson{name:string = "";age:number = 0;say(){promptAction.showToast({message:this.name})}
}class HelloPerson extends Person {}

4. 复杂对象

当装饰器的数据类型为class或者是Object的时候，可以观察到自身的赋值的变化，和其属性值的变化

5. 对象类型状态

//对象模型
class User{name?:stringage?:number
}@Entry
@Component
struct ClassDemoPage {@State user:User = {name:'jacklove',age:18} as Userbuild() {Column(){Text(this.user.name)Text(this.user.age?.toString())Button('年龄加1').onClick(() => {//let age = this.user.age as number; //断言不是undefined是number//this.user.age = age + 1this.user.age = this.user.age as number;this.user.age++;})}}
}

6. 嵌套对象类型状态

//对象模型
class User{name:string = ''age:number = 0
}
class UserData{code:number = 0message:string = ''//嵌套一个对象data:User = {name:'',age:0}
}
@Entry
@Component
struct ClassDemo2Page {@Stateres:UserData = {code:1000,message:'获取用户信息成功',data: {name:'tom',age:20}}build() {Column(){Text(this.res.data.name)Text(this.res.data.age.toString())Button('年龄加1').onClick(() => {//this.res.data.age++ //这样不行const user = this.res.data;//替换属性，触发UI更新this.res.data = {name:user.name,age:user.age + 1}})}}
}

7. 对象数组类型状态

//对象模型
class User{name:string = ''age:number = 0
}@Entry
@Component
struct ClassDemo2Page {@Statelist:User[] = [{name:'jack',age:18},{name:'tom',age:20}]build() {Column(){Text(JSON.stringify(this.list[0]))Text(JSON.stringify(this.list[1]))Button('年龄加1').onClick(() => {//this.list[0].age++const user = this.list[0];this.list[0] = {name:user.name,age:user.age + 1}})}}
}

嵌套对象和对象数组，采用赋值的方式进行更新，可以更新UI

五、界面渲染

1.条件渲染

条件渲染可以根据应用的不同状态，使用if…else 和 else…if 渲染对应的状态下的UI内容

  • 条件渲染，是根据状态数据进行判断展示不同的UI
  • 条件渲染，会销毁和创建组件，组件状态将不会保留

1.1 使用if…else 实现loading效果

@Entry
@Component
struct LoadingPage {@State loading:boolean = false;build() {Column(){if(this.loading){LoadingProgress().width(100).aspectRatio(1)//.color('red')} else {Text('后台数据')Text('后台数据')Text('后台数据')}Button('更新数据').onClick(() => {this.loading = true//2秒后将loading的值设置为falsesetTimeout(() => {this.loading = false},2000)})}}
}

1.2 添加渲染会销毁和重新创建组件，组件的状态不会保留

在这里插入图片描述


@Component
struct  CounterComp{@State count:number = 0;build() {Text(this.count.toString()).onClick(() => {this.count ++;})}
}@Entry
@Component
struct Demo2Page {@State show:boolean = true;build() {Column(){if(this.show){CounterComp();}Button('toggle').onClick(() => {this.show = !this.show})}}
}

2.循环渲染

foreach 接口 基于数组类型进行循环渲染，需要与容器配置使用

语法：

ForEach(arr:Array<Object>,   //数据源itemGenerator:(item: Object, index: number) => void, //组件生成函数keyGenerator?:(item: Object, index: number) => string //键值生成函数。
)

class MyUser{id:string = ''name:string = ''age:number = 0
}@Entry
@Component
struct ForeachPage {@State userList:MyUser[] = [{id:'1',name:'2年半的练习生',age:26},{id:'2',name:'坤坤',age:26}]build() {Column(){//循环渲染ForEach(//1.数据源this.userList,//2.组件生成函数(item:MyUser,index:number) => {//内容Text(`${item.id} - ${item.name} - ${item.age}`).width('100%').height(20)})//Button('加载更多...').onClick(() => {const arr:MyUser[] = [];//新数组中产生10个对象for(let index = 0; index < 10; index++){arr.push({id:Math.random().toString(),name:'jacklove',age:19})}//将新的数组添加到userList中this.userList.push(...arr)})}.width('100%').height('100%')}
}

循环渲染，需要与容器配置使用

语法：

ForEach(arr:Array<Object>,   //数据源itemGenerator:(item: Object, index: number) => void, //组件生成函数keyGenerator?:(item: Object, index: number) => string //键值生成函数。
)

class MyUser{id:string = ''name:string = ''age:number = 0
}@Entry
@Component
struct ForeachPage {@State userList:MyUser[] = [{id:'1',name:'2年半的练习生',age:26},{id:'2',name:'坤坤',age:26}]build() {Column(){//循环渲染ForEach(//1.数据源this.userList,//2.组件生成函数(item:MyUser,index:number) => {//内容Text(`${item.id} - ${item.name} - ${item.age}`).width('100%').height(20)})//Button('加载更多...').onClick(() => {const arr:MyUser[] = [];//新数组中产生10个对象for(let index = 0; index < 10; index++){arr.push({id:Math.random().toString(),name:'jacklove',age:19})}//将新的数组添加到userList中this.userList.push(...arr)})}.width('100%').height('100%')}
}

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

如若内容造成侵权/违法违规/事实不符，请联系一条长河网进行投诉反馈，一经查实，立即删除！

相关文章

从 ES Kafka Mongodb Restful ... 取到 json 之后

从 ES Kafka Mongodb Restful ... 取到 json 之后

json 是个好东西&#xff0c;它可以使用公共的文本形式承载了丰富的结构化数据的信息。现代很多技术都在喜欢使用 json 作为数据传输格式&#xff0c;比如 Elastic Search,Restful,Kafka 等&#xff0c;Mongodb 这类对性能较在意的技术则使用了二进制化的 json。 结构化的数据…
阅读更多...
Rust-宏编程

Rust-宏编程

巴山楚水凄凉地&#xff0c;二十三年弃置身。 怀旧空吟闻笛赋&#xff0c;到乡翻似烂柯人。 沉舟侧畔千帆过&#xff0c;病树前头万木春。 今日听君歌一曲&#xff0c;暂凭杯酒长精神。 ——《酬乐天扬州初逢席上见赠》唐刘禹锡 【哲理】翻覆的船只旁仍有千千万万的帆船经过&a…
阅读更多...
抖音短视频矩阵源码/矩阵系统搭建/短视频矩阵系统源码开发知识分享

抖音短视频矩阵源码/矩阵系统搭建/短视频矩阵系统源码开发知识分享

短视频矩阵系统架构解析 在构建短视频矩阵系统时&#xff0c;通常会采用三种核心的框架技术&#xff1a;Spring、Struts和Hibernate。每种框架都承担着不同的职责&#xff0c;共同支撑起系统的高效运行。 Spring框架&#xff1a;作为全栈式的Java开发平台&#xff0c;它提供了…
阅读更多...
【docker】6. 镜像仓库/镜像概念

【docker】6. 镜像仓库/镜像概念

Docker Registry&#xff08;镜像仓库&#xff09; 什么是 Docker Registry 镜像仓库 (Docker Registry) 负责存储、管理和分发镜像&#xff0c;并且提供了登录认证能力&#xff0c;建立了仓库的索引。 镜像仓库管理多个 Repository&#xff0c; Repository 通过命名来区分。…
阅读更多...
AJAX 全面教程：从基础到高级

AJAX 全面教程：从基础到高级

AJAX 全面教程&#xff1a;从基础到高级 目录 什么是 AJAXAJAX 的工作原理AJAX 的主要对象AJAX 的基本用法AJAX 与 JSONAJAX 的高级用法AJAX 的错误处理AJAX 的性能优化AJAX 的安全性AJAX 的应用场景总结与展望 什么是 AJAX AJAX&#xff08;Asynchronous JavaScript and XML…
阅读更多...
ASP.NET Core 路由规则，自定义特性路由 ，IActionConstraint 路由约束 总结 mvc

ASP.NET Core 路由规则，自定义特性路由 ，IActionConstraint 路由约束 总结 mvc

资料 资料 路由服务 路由服务是在 Program.cs 中使用 builder.Services.AddRouting()注册的&#xff0c; 只是默认在 builder 之前已经注册过了&#xff0c;无需我们再次注册。 AddRouting()方法必须在 UseRouting()方法之前运行&#xff0c;它是路由的基础服务。 MapContro…
阅读更多...
二分法查找（c基础）

二分法查找（c基础）

二分法查找一个有序数组中是否有某个数 大家看了可以自己写一下 &#xff08; 要用知识点 数组 while循环 scanf 函数 printf函数 &#xff09; //用二分法查找 #include<stdio.h> int main() {char arr[] { 1,2,3,4,5,6,7,8,9,10 };int sz sizeof(arr) / size…
阅读更多...
20241106软考架构-------软考案例12答案

20241106软考架构-------软考案例12答案

每日打卡题案例12答案 【2015年真题】 难度&#xff1a;一般 阅读以下关于应用系统数据架构的说明&#xff0c;回答下列问题。&#xff08;25分&#xff09; 【说明】 某软件公司拟开发一套贸易综合管理系统&#xff0c;包括客户关系管理子系统和商品信息管理子系统两部分。客…
阅读更多...
wps的Excel中使用条件格式

wps的Excel中使用条件格式

本例演示怎样根据单元格的值设置单元格的格式&#xff0c;重点介绍多条件的混合使用 例&#xff1a;请将列2中值为A或A的单元格设置为绿色 多条件&#xff0c;即是与、或、非的组合&#xff0c;wps里有对应的函数可用
阅读更多...
[mysql]mysql的DML数据操作语言增删改,以及新特性计算列,阿里巴巴开发手册mysql相关

[mysql]mysql的DML数据操作语言增删改,以及新特性计算列,阿里巴巴开发手册mysql相关

1DML数据操作语言,增加删除改数据 插入数据INSERT 插入添加数据,两种方法 方式1:VALUES添加数据 #准备工作 USE atguigudb; CREATE TABLE IF NOT EXISTS emp1( id INT, name VARCHAR(15), hire_data DATE, salary DOUBLE(10,2)); SELECT * FROM emp1 INSERT INTO em…
阅读更多...
GIS地形图配准实验

GIS地形图配准实验

地形图配准&#xff1a;指将地形图或其他地理数据&#xff08;如航拍图像、卫星图像等&#xff09;与地理坐标系统对齐的过程&#xff0c;使得这些图像或图形能够在地理空间中正确地定位。配准是将非地理坐标的地图或图像转换为地理坐标的一个重要步骤 分析原地形图 地图左上…
阅读更多...
Python酷库之旅-第三方库Pandas(198)

Python酷库之旅-第三方库Pandas(198)

目录 一、用法精讲 921、pandas.Index.get_level_values方法 921-1、语法 921-2、参数 921-3、功能 921-4、返回值 921-5、说明 921-6、用法 921-6-1、数据准备 921-6-2、代码示例 921-6-3、结果输出 922、pandas.Index.get_loc方法 922-1、语法 922-2、参数 92…
阅读更多...
机器学习（四）——神经网络（神经元、感知机、BP神经网络、梯度下降、多层神经网络、Python源码）

机器学习（四）——神经网络（神经元、感知机、BP神经网络、梯度下降、多层神经网络、Python源码）

目录 关于1 神经元模型2 感知机与多层网络3 误差逆传播算法4 全局最小与局部极小5 其他常见神经网络6 深度学习X 案例代码X.1 源码X.2 数据集&#xff08;加州房价数据&#xff09;X.3 模型效果 关于 本文是基于西瓜书&#xff08;第五章&#xff09;的学习记录。内容包括神经…
阅读更多...
Diving into the STM32 HAL-----Clock Tree笔记

Diving into the STM32 HAL-----Clock Tree笔记

几乎每个数字电路都需要一种方法来同步其内部电路或与其他电路同步。时钟是一种产生周期性信号的设备&#xff0c;它是数字电子学中最普遍的心跳源形式。 然而&#xff0c;相同的时钟信号不能用于馈送现代微控制器&#xff08;如 STM32 微控制器&#xff09;提供的所有组件和外…
阅读更多...
每日科技资讯：2024年11月06日【龙】农历十月初六 ---文末送书

每日科技资讯：2024年11月06日【龙】农历十月初六 ---文末送书

目录 1.OpenAI因算力瓶颈暂缓GPT-5发布 合作芯片开发寻求突破2.现在&#xff0c;&#x1d54f; 允许被你屏蔽的人继续查看你的帖子3.硬刚Intel与AMD&#xff01;NVIDIA明年推出PC芯片4.苹果停止签署 iOS 18.0.1&#xff0c;不再允许从 18.1 降级5.Nvidia 加入道琼斯指数成份股　…
阅读更多...
高效率的快捷回复软件 —— 客服宝聊天助手

高效率的快捷回复软件 —— 客服宝聊天助手

在电商行业日益繁荣的今天&#xff0c;高效的客户沟通对于企业的成功至关重要。无论是电商平台、居家客服还是其他各类客服行业&#xff0c;都需要一款强大的工具来提升工作效率。今天&#xff0c;我们就来介绍一款高效率的快捷回复软件 —— 客服宝聊天助手。 一、跨平台跨店铺…
阅读更多...
RabbitMQ如何保证发送的消息可靠（RabbitMQ的Confirm模式和2.Return模式）

RabbitMQ如何保证发送的消息可靠（RabbitMQ的Confirm模式和2.Return模式）

RabbitMQ如何保证发送的消息可靠&#xff08;RabbitMQ的Confirm模式和2.Return模式&#xff09; 1、RabbitMQ消息Confirm模式&#xff08;保证从生产者到交换机的消息可靠&#xff09;1.1、Confirm模式简介1.2、具体代码实现1.2.1、application.yml 开启确认模式1.2.2、生产者方…
阅读更多...
讲讲分布式事务？

讲讲分布式事务？

大家好&#xff0c;我是锋哥。今天分享关于【讲讲分布式事务&#xff1f;】面试题。希望对大家有帮助&#xff1b; 讲讲分布式事务&#xff1f; 1000道 互联网大厂Java工程师 精选面试题-Java资源分享网 在现代的分布式系统中&#xff0c;数据往往分布在不同的服务器、数据中…
阅读更多...
【职场日常】软件测试平台如何搭建？

【职场日常】软件测试平台如何搭建？

作为一名软件测试工程师&#xff0c;搭建测试环境是我们日常工作的一部分。搭建一个适合各类测试的测试环境至关重要&#xff0c;可以在后期的测试过程中为我们提供便利。接下来我将向大家介绍如何搭建测试环境&#xff0c;以及需要注意的事项。 首先&#xff0c;我们需要确保…
阅读更多...
Spring Boot关闭时，如何确保内存里面的mq消息被消费完？

Spring Boot关闭时，如何确保内存里面的mq消息被消费完？

1.背景 之前写一篇文章Spring Boot集成disruptor快速入门demo&#xff0c;有网友留言如下图&#xff1a; 针对网友的留言&#xff0c;那么我们如何解决这个问题呢 Spring-Boot应用停机时&#xff0c;如何保证其内存消息都处理完成&#xff1f; 2.解决方法 方法其实挺简单的&…
阅读更多...
最新文章

Copyright @ 2022~2023