鸿蒙学习构建视图的基本语法（二）
一、层叠布局
// 图片 本地图片和在线图片 Image('https://developer.huawei.com/allianceCmsResource/resource/HUAWEI_Developer_VUE/images/080662.png')
//自适应伸缩 设置layoutWeight属性的子元素与兄弟元素 会按照权重进行分配主轴的空间// Position
struct Index {build() {Column(){ //层叠布局 解决组件的层叠问题 更简洁编码效率更高Stack({alignContent:Alignment.Bottom}){Text('1').width(250).height(250).backgroundColor(Color.Brown)Text('2').width(150).height(150).backgroundColor(Color.Blue)Text('3').width(50).height(50).backgroundColor(Color.Orange)}.width(300).height(600).backgroundColor(Color.Pink)}.width('100%').height('100%')}
}
二、b站卡片布局
// 图片 本地图片和在线图片 Image('https://developer.huawei.com/allianceCmsResource/resource/HUAWEI_Developer_VUE/images/080662.png')
@Entry
@Component//自适应伸缩 设置layoutWeight属性的子元素与兄弟元素 会按照权重进行分配主轴的空间// Position
struct Index {build() {Column(){ //层叠布局 解决组件的层叠问题 更简洁编码效率更高Stack({alignContent:Alignment.Bottom}){Image($r('app.media.bz_img')).borderRadius({topLeft:10,topRight:10}).width('100%')Row(){Row({space:5}){Image($r('app.media.bz_play')).width(14).fillColor(Color.White)Text('288万').fontColor(Color.White)}.margin({right:10})Row({space:5}){Image($r('app.media.bz_msg')).width(14).fillColor(Color.White)Text('14.33').fontColor(Color.White)}Blank()Text('14.33').fontColor(Color.White)}.height(24).width('100%').padding({left:5,right:5})}.width('100%').backgroundColor(Color.Pink)Column(){Text('【凤凰传奇新歌】欢迎来到国风统治区:唢呐一响神曲《铁衣流派推广曲》').textOverflow({overflow:TextOverflow.Ellipsis}).fontSize(13).maxLines(2)Row(){Text('19万点赞').fontSize(10).backgroundColor('#fef0ef').fontColor('#e66c43').padding(5).borderRadius(5)Image($r('app.media.bz_more')).width(14)}.width('100%').justifyContent(FlexAlign.SpaceBetween).margin({top:6})}}.width('80%').height('100%')}
}
三、支付宝综合案例
// 图片 本地图片和在线图片 Image('https://developer.huawei.com/allianceCmsResource/resource/HUAWEI_Developer_VUE/images/080662.png')
@Entry
@Component//自适应伸缩 设置layoutWeight属性的子元素与兄弟元素 会按照权重进行分配主轴的空间// Position
struct Index {build() {Stack({alignContent:Alignment.Bottom}){ //层叠布局 解决组件的层叠问题 更简洁编码效率更高Stack({alignContent:Alignment.Top}){Row({space:20}){Column(){Text('北京').fontSize(18).fontColor(Color.White)Text('晴 2°C').fontSize(12).fontColor(Color.White)Image($r('app.media.zfb_head_down')).width(12).fillColor(Color.White).position({x:40,y:10})}Row(){Image($r('app.media.zfb_head_search')).width(20).fillColor('#666').margin({ left: 5, right: 5 })Text('北京交通一卡通').layoutWeight(1)// TextInput({// placeholder:'北京交通一卡通'// }).backgroundColor(Color.White).placeholderColor('#666').placeholderFont({size:14}).layoutWeight(1)Text('|').margin({right:10}).fontColor('#ccc')Text('搜索').fontSize(16).fontColor('#5b73de').fontWeight(700).textAlign(TextAlign.Center)}.layoutWeight(1).backgroundColor(Color.White).height(32).borderRadius(5).padding({ left: 10, right: 10 })// 右边Image($r('app.media.zfb_head_plus')).width(30).fillColor('#fff')}.backgroundColor('#5b73e1').width('100%').height(60).padding({left:10,right:10}).zIndex(666)// 主体页面Scroll(){Column(){// Top快捷按钮区域Row() {Column() {Image($r('app.media.zfb_top_scan')).width(36).fillColor('#fff')Text('扫一扫').fontColor('#fff')}.layoutWeight(1)Column() {Image($r('app.media.zfb_top_pay')).width(36).fillColor('#fff')Text('收付款').fontColor('#fff')}.layoutWeight(1)Column() {Image($r('app.media.zfb_top_travel')).width(36).fillColor('#fff')Text('出行').fontColor('#fff')}.layoutWeight(1)Column() {Image($r('app.media.zfb_top_card')).width(36).fillColor('#fff')Text('卡包').fontColor('#fff')}.layoutWeight(1)}.backgroundColor('#5b73de').padding({ top: 5, bottom: 15 })//nav导航Column(){Flex({direction:FlexDirection.Row,wrap:FlexWrap.Wrap}) {Column() {Image($r('app.media.zfb_nav1')).width(28).margin({ bottom: 8 })Text('滴滴出行').fontSize(12).fontColor('#666')}.height(80).justifyContent(FlexAlign.Center).width('20%').height(70).justifyContent(FlexAlign.Center)Column() {Image($r('app.media.zfb_nav2')).width(28).margin({ bottom: 8 })Text('生活缴费').fontSize(12).fontColor('#666')}.width('20%').height(70).justifyContent(FlexAlign.Center)Column() {Image($r('app.media.zfb_nav3')).width(28).margin({ bottom: 8 })Text('股票').fontSize(12).fontColor('#666')}.width('20%').height(70).justifyContent(FlexAlign.Center)Column() {Image($r('app.media.zfb_nav4')).width(28).margin({ bottom: 8 })Text('蚂蚁森林').fontSize(12).fontColor('#666')}.width('20%').height(70).justifyContent(FlexAlign.Center)Column() {Image($r('app.media.zfb_nav5')).width(28).margin({ bottom: 8 })Text('手机充值').fontSize(12).fontColor('#666')}.width('20%').height(70).justifyContent(FlexAlign.Center)Column() {Image($r('app.media.zfb_nav6')).width(28).margin({ bottom: 8 })Text('余额宝').fontSize(12).fontColor('#666')}.width('20%').height(70).justifyContent(FlexAlign.Center)Column() {Image($r('app.media.zfb_nav7')).width(28).margin({ bottom: 8 })Text('花呗').fontSize(12).fontColor('#666')}.width('20%').height(70).justifyContent(FlexAlign.Center)Column() {Image($r('app.media.zfb_nav8')).width(28).margin({ bottom: 8 })Text('飞猪旅行').fontSize(12).fontColor('#666')}.width('20%').height(70).justifyContent(FlexAlign.Center)Column() {Image($r('app.media.zfb_nav9')).width(28).margin({ bottom: 8 })Text('淘票票').fontSize(12).fontColor('#666')}.width('20%').height(70).justifyContent(FlexAlign.Center)Column() {Image($r('app.media.zfb_nav10')).width(28).margin({ bottom: 8 })Text('饿了么').fontSize(12).fontColor('#666')}.width('20%').height(70).justifyContent(FlexAlign.Center)Column() {Image($r('app.media.zfb_nav11')).width(28).margin({ bottom: 8 })Text('读书听书').fontSize(12).fontColor('#666')}.width('20%').height(70).justifyContent(FlexAlign.Center)Column() {Image($r('app.media.zfb_nav12')).width(28).margin({ bottom: 8 })Text('基金').fontSize(12).fontColor('#666')}.width('20%').height(70).justifyContent(FlexAlign.Center)Column() {Image($r('app.media.zfb_nav13')).width(28).margin({ bottom: 8 })Text('直播广场').fontSize(12).fontColor('#666')}.width('20%').height(70).justifyContent(FlexAlign.Center)Column() {Image($r('app.media.zfb_nav14')).width(28).margin({ bottom: 8 })Text('医疗健康').fontSize(12).fontColor('#666')}.width('20%').height(70).justifyContent(FlexAlign.Center)Column() {Image($r('app.media.zfb_nav15_more')).width(28).margin({ bottom: 8 })Text('更多').fontSize(12).fontColor('#666')}.width('20%').height(70).justifyContent(FlexAlign.Center)}// 产品区Row({ space: 5 }) {Image($r('app.media.zfb_pro_pic1')).layoutWeight(1)Image($r('app.media.zfb_pro_pic2')).layoutWeight(1)Image($r('app.media.zfb_pro_pic3')).layoutWeight(1)}.padding(10)}.height(1000).width('100%').backgroundColor('#fff').borderRadius({topLeft:20,topRight:20})}.width('100%').padding({ top: 60, bottom: 60 })}}.width('100%').height('100%').backgroundColor('#5b73de')Row(){Column(){Image($r('app.media.zfb_tab_home')).width(35)}.layoutWeight(1)Column() {Image($r('app.media.zfb_tab_money')).width(28).margin({ bottom: 2 })Text('理财').fontSize(12)}.layoutWeight(1)Column() {Image($r('app.media.zfb_tab_life')).width(28).margin({ bottom: 2 })Text('生活').fontSize(12)}.layoutWeight(1)Column() {Image($r('app.media.zfb_tab_chat')).width(28).margin({ bottom: 2 })Text('消息').fontSize(12)}.layoutWeight(1)Column() {Image($r('app.media.zfb_tab_me')).width(28).margin({ bottom: 2 })Text('我的').fontSize(12)}.layoutWeight(1)}.width('100%').height(60).backgroundColor('#fbfcfe')}.width('100%').height('100%').backgroundColor('#5b73de')}
}
菜单导航布局，方法有些许的区别，写法如下（采用layoutWeight）
// 图片 本地图片和在线图片 Image('https://developer.huawei.com/allianceCmsResource/resource/HUAWEI_Developer_VUE/images/080662.png')
@Entry
@Component//自适应伸缩 设置layoutWeight属性的子元素与兄弟元素 会按照权重进行分配主轴的空间// Position
struct Index {build() {Stack({alignContent:Alignment.Bottom}){ //层叠布局 解决组件的层叠问题 更简洁编码效率更高Stack({alignContent:Alignment.Top}){Row({space:20}){Column(){Text('北京').fontSize(18).fontColor(Color.White)Text('晴 2°C').fontSize(12).fontColor(Color.White)Image($r('app.media.zfb_head_down')).width(12).fillColor(Color.White).position({x:40,y:10})}Row(){Image($r('app.media.zfb_head_search')).width(20).fillColor('#666').margin({ left: 5, right: 5 })Text('北京交通一卡通').layoutWeight(1)// TextInput({// placeholder:'北京交通一卡通'// }).backgroundColor(Color.White).placeholderColor('#666').placeholderFont({size:14}).layoutWeight(1)Text('|').margin({right:10}).fontColor('#ccc')Text('搜索').fontSize(16).fontColor('#5b73de').fontWeight(700).textAlign(TextAlign.Center)}.layoutWeight(1).backgroundColor(Color.White).height(32).borderRadius(5).padding({ left: 10, right: 10 })// 右边Image($r('app.media.zfb_head_plus')).width(30).fillColor('#fff')}.backgroundColor('#5b73e1').width('100%').height(60).padding({left:10,right:10}).zIndex(666)// 主体页面Scroll(){Column(){// Top快捷按钮区域Row() {Column() {Image($r('app.media.zfb_top_scan')).width(36).fillColor('#fff')Text('扫一扫').fontColor('#fff')}.layoutWeight(1)Column() {Image($r('app.media.zfb_top_pay')).width(36).fillColor('#fff')Text('收付款').fontColor('#fff')}.layoutWeight(1)Column() {Image($r('app.media.zfb_top_travel')).width(36).fillColor('#fff')Text('出行').fontColor('#fff')}.layoutWeight(1)Column() {Image($r('app.media.zfb_top_card')).width(36).fillColor('#fff')Text('卡包').fontColor('#fff')}.layoutWeight(1)}.backgroundColor('#5b73de').padding({ top: 5, bottom: 15 })//nav导航Column(){Flex({direction:FlexDirection.Row,wrap:FlexWrap.Wrap}) {Column() {Image($r('app.media.zfb_nav1')).width(28).margin({ bottom: 8 })Text('滴滴出行').fontSize(12).fontColor('#666')}.height(80).justifyContent(FlexAlign.Center).width('20%').height(70).justifyContent(FlexAlign.Center)Column() {Image($r('app.media.zfb_nav2')).width(28).margin({ bottom: 8 })Text('生活缴费').fontSize(12).fontColor('#666')}.width('20%').height(70).justifyContent(FlexAlign.Center)Column() {Image($r('app.media.zfb_nav3')).width(28).margin({ bottom: 8 })Text('股票').fontSize(12).fontColor('#666')}.width('20%').height(70).justifyContent(FlexAlign.Center)Column() {Image($r('app.media.zfb_nav4')).width(28).margin({ bottom: 8 })Text('蚂蚁森林').fontSize(12).fontColor('#666')}.width('20%').height(70).justifyContent(FlexAlign.Center)Column() {Image($r('app.media.zfb_nav5')).width(28).margin({ bottom: 8 })Text('手机充值').fontSize(12).fontColor('#666')}.width('20%').height(70).justifyContent(FlexAlign.Center)Column() {Image($r('app.media.zfb_nav6')).width(28).margin({ bottom: 8 })Text('余额宝').fontSize(12).fontColor('#666')}.width('20%').height(70).justifyContent(FlexAlign.Center)Column() {Image($r('app.media.zfb_nav7')).width(28).margin({ bottom: 8 })Text('花呗').fontSize(12).fontColor('#666')}.width('20%').height(70).justifyContent(FlexAlign.Center)Column() {Image($r('app.media.zfb_nav8')).width(28).margin({ bottom: 8 })Text('飞猪旅行').fontSize(12).fontColor('#666')}.width('20%').height(70).justifyContent(FlexAlign.Center)Column() {Image($r('app.media.zfb_nav9')).width(28).margin({ bottom: 8 })Text('淘票票').fontSize(12).fontColor('#666')}.width('20%').height(70).justifyContent(FlexAlign.Center)Column() {Image($r('app.media.zfb_nav10')).width(28).margin({ bottom: 8 })Text('饿了么').fontSize(12).fontColor('#666')}.width('20%').height(70).justifyContent(FlexAlign.Center)Column() {Image($r('app.media.zfb_nav11')).width(28).margin({ bottom: 8 })Text('读书听书').fontSize(12).fontColor('#666')}.width('20%').height(70).justifyContent(FlexAlign.Center)Column() {Image($r('app.media.zfb_nav12')).width(28).margin({ bottom: 8 })Text('基金').fontSize(12).fontColor('#666')}.width('20%').height(70).justifyContent(FlexAlign.Center)Column() {Image($r('app.media.zfb_nav13')).width(28).margin({ bottom: 8 })Text('直播广场').fontSize(12).fontColor('#666')}.width('20%').height(70).justifyContent(FlexAlign.Center)Column() {Image($r('app.media.zfb_nav14')).width(28).margin({ bottom: 8 })Text('医疗健康').fontSize(12).fontColor('#666')}.width('20%').height(70).justifyContent(FlexAlign.Center)Column() {Image($r('app.media.zfb_nav15_more')).width(28).margin({ bottom: 8 })Text('更多').fontSize(12).fontColor('#666')}.width('20%').height(70).justifyContent(FlexAlign.Center)}// 产品区Row({ space: 5 }) {Image($r('app.media.zfb_pro_pic1')).layoutWeight(1)Image($r('app.media.zfb_pro_pic2')).layoutWeight(1)Image($r('app.media.zfb_pro_pic3')).layoutWeight(1)}.padding(10)Column({ space: 10 }) {Image($r('app.media.zfb_pro_list1')).width('100%')Image($r('app.media.zfb_pro_list2')).width('100%')}.padding(10)}.height(1000).width('100%').backgroundColor('#fff').borderRadius({topLeft:20,topRight:20})}.width('100%').padding({ top: 60, bottom: 60 })}}.width('100%').height('100%').backgroundColor('#5b73de')Row(){Column(){Image($r('app.media.zfb_tab_home')).width(35)}.layoutWeight(1)Column() {Image($r('app.media.zfb_tab_money')).width(28).margin({ bottom: 2 })Text('理财').fontSize(12)}.layoutWeight(1)Column() {Image($r('app.media.zfb_tab_life')).width(28).margin({ bottom: 2 })Text('生活').fontSize(12)}.layoutWeight(1)Column() {Image($r('app.media.zfb_tab_chat')).width(28).margin({ bottom: 2 })Text('消息').fontSize(12)}.layoutWeight(1)Column() {Image($r('app.media.zfb_tab_me')).width(28).margin({ bottom: 2 })Text('我的').fontSize(12)}.layoutWeight(1)}.width('100%').height(60).backgroundColor('#fbfcfe')}.width('100%').height('100%').backgroundColor('#5b73de')}
}
四、字符串拼接和模版字符串
let name:string = "可可"
let age :number = 18
console.log('简介信息' , '姓名',name)
console.log(`名称：${name},年龄：${age}`)
@Entry
@Component//
struct Index {build() {}
}
五、类型转化（数字和字符串）
let goods_1:string = '190'
let goods_2:string = '1.90'
let goods_3:string = '1.90a'
let goods_4:string = 'a'//Number(变量)原样转数字
//parseInt(变量)去掉小数部分
//parseFloat(变量)保留小数部分
console.log('数字是' ,parseFloat(goods_1))
console.log('数字是' ,parseFloat(goods_2))
console.log('数字是' ,parseFloat(goods_3))
console.log('数字是' ,parseInt(goods_4))console.log('数字是' ,parseInt(goods_1))
console.log('数字是' ,parseInt(goods_2))
console.log('数字是' ,parseInt(goods_3))
console.log('数字是' ,parseFloat(goods_4))
@Entry
@Component//
struct Index {build() {}
}
let goods_5:number = 150
let goods_6:number = 1590.233
console.log('数字是' ,goods_5.toString())
console.log('数字是' ,goods_6.toFixed())
console.log('数字是' ,goods_6.toFixed(1))
console.log('数字是' ,goods_6.toFixed(2))
相关文章：
鸿蒙学习构建视图的基本语法（二）
一、层叠布局 // 图片 本地图片和在线图片 Image(https://developer.huawei.com/allianceCmsResource/resource/HUAWEI_Developer_VUE/images/080662.png) Entry Component//自适应伸缩 设置layoutWeight属性的子元素与兄弟元素 会按照权重进行分配主轴的空间// Position s…...
python-leetcode-存在重复元素 II
219. 存在重复元素 II - 力扣（LeetCode） class Solution:def containsNearbyDuplicate(self, nums: List[int], k: int) -> bool:seen set()for i, num in enumerate(nums):if num in seen:return Trueseen.add(num)if len(seen) > k:seen.remove…...
P6周：VGG-16算法-Pytorch实现人脸识别
🍨 本文为🔗365天深度学习训练营中的学习记录博客🍖 原作者：K同学啊 我的环境 语言环境：Python 3.8.12 编译器：jupyter notebook 深度学习环境：torch 1.12.0cu113 一、前期准备 1.设置GPU im…...
BeanFactory 是什么？它与 ApplicationContext 有什么区别？
谈到Spring，那势必要讲讲容器 BeanFactory 和 ApplicationContext。 BeanFactory是什么？ BeanFactory，其实就是 Spring 容器，用于管理和操作 Spring 容器中的 Bean。可能此时又有初学的小伙伴会问：Bean 是什么&#x…...
虚幻基础-1：cpu挑选(14600kf)
能帮到你的话，就给个赞吧 😘 文章目录 ue非常吃cpu拉满主频打开项目编写蓝图运行原因 时间长 关于压力测试 本文以14600kf为例，双12购入，7月份产。 ue非常吃cpu 经本人测试，ue是非常吃cpu的。 拉满主频 无论任何时间…...
多种vue前端框架介绍
学如逆水行舟，不进则退。 在现今的软件开发领域，Vue.js凭借其高效、灵活和易于上手的特性，成为了前端开发的热门选择。对于需要快速搭建企业级后台管理系统的开发者而言，使用现成的Vue后台管理系统模板无疑是一个明智之举。 本文…...
jenkins-node节点配置
一.简述： Jenkins有一个很强大的功能： 即：支持分布式构建(jenkins配置中叫节点(node),也被称为slave)。分布式构建通常是用来吸收额外的负载。通过动态添加额外的机器应对构建作业中的高峰期，或在特定操作系统或环境运行特定的构建…...
计算机网络 （50）两类密码体制
前言 计算机网络中的两类密码体制主要包括对称密钥密码体制（也称为私钥密码体制、对称密码体制）和公钥密码体制（也称为非对称密码体制、公开密钥加密技术）。 一、对称密钥密码体制 定义： 对称密钥密码体制是一种传…...
基于SpringBoot+Vue旅游管理系统的设计和实现(源码+文档+部署讲解）
个人名片 🔥 源码获取 | 毕设定制| 商务合作：《个人名片》 ⛺️心若有所向往,何惧道阻且长 文章目录 个人名片环境需要技术栈功能介绍功能说明 环境需要 开发语言：Java 框架：springboot JDK版本：JDK1.8 数据库&…...
计算机网络-概述
目录 一.互联网 1.0简介 1.1互联网发展的三个阶段 1.2互联网组成 1.2.1 简介 1.2.2 边缘部分 1.2.3 核心部分 1.3计算机网络类别 1.3.1按照范围分类 1.3.2按使用者分类 1.3.3用来把用户接入互联网的网络 1.4计算机网络性能 1. 速率（Data Rate / Bit Ra…...
Jenkins-基于Role的鉴权机制
jenkins自带了一些全局性的安全配置。 但无法通过job等相对细粒度的来控制使用者的权限。但它可以借助相关的插件实现细颗粒的权限控制。 插件： Role-based Authorization Strategy 需要在configure global security中配置授权策略如下： 保存后&#x…...
计算机网络介质访问控制全攻略：从信道划分到协议详解！！！
一、信道划分介质访问控制 介质访问控制：多个节点共享同一个“总线型”广播信道时，可能发生“信号冲突” 应该怎么控制各节点对传输介质的访问，才能减少冲突，甚至避免冲突? 时分复用(TDM) 时分复用：将时间分为等长的“…...
5.若依 Configuration ConfigurationProperties 使用
1. 若依的配置文件application.yml 2. RuoYiConfig 负责读取基础配置 注意写法： ConfigurationProperties 需要配合在容器内进行读取，因此需要一般与Component注解配合。 同时要注意编写 set get方法。 总结：这里一个知识点：Co…...
使用docker部署mysql和tomcat服务器发现的问题整理
1、本地访问tomcat时访问不到 [rootlocalhost ~]# systemctl stop firewalld [rootlocalhost ~]# docker ps -a CONTAINER ID IMAGE COMMAND CREATED STATUS PORTS …...
数据库开发支持服务
文章目录 前言适用产品服务范围前提条件责任矩阵交互项目 服务流程交付件项目完成标志 前言 数据库开发支持服务是为了达成客户业务系统开发、测试、上线运行提供的具体技术支撑，内容包括数据库开发指导、性能调优、第三方平台对接支持、应用对接与上线支持等。数据…...
通过学习更多样化的生成数据进行更广泛的数据分发来改进实例分割
大家读完觉得有帮助记得关注和点赞！！！ 本次使用的英文整理的一些记录，练习一下为后续SCI发表论文打好基础 Improving Instance Segmentation by Learning Wider Data Distribution with More Diverse Generative Data Abstract In…...
NVIDIA视频编解码
开源了两个项目：英伟达显卡视频编解码、jetson视频编解码。都是基于官方SDK进行的封装，由于官方自带的demo晦涩难懂并且每块都是独立的，我对SDK进行二次封装并形成了一套较为完整的视频编解码流程，调用简单，有完整的测…...
GCC支持Objective C的故事？Objective-C?GCC只能编译C语言吗?Objective-C 1.0和2.0有什么区别？
GCC支持Objective C的故事 Objective-C 主要由 Stepstone 公司的Brad Cox和 Tom Love 在1980 年左右发明。乔布斯离开苹果公司后成立了NeXT STEP公司， 买下了Objective-C 语言的授权。GCC对Objective-C语言的支持是在1992年加入的，具体是在GCC 1.3版本中…...
详解深度学习中的Dropout
Dropout是一种在神经网络训练中常用的正则化技术，其操作是在每次训练迭代中随机“丢弃”一部分神经元（即将其输出置为零）。以下是对这一操作的详细解释： 一、基本思想 Dropout的基本思想是减少神经元之间的复杂共适应关系&#…...
SQL-杂记1
PIVOT的使用: 行转列IIF()的使用:IIF( boolean_expression, true_value, false_value)多个字段使用MX()函数 SELECTD.ID,字段1,字段2,字段3,字段4,字段5,X.MinDateValue FROM 表名 D WITH(NOLOCK) OUTER APPLY (SELECT MIN(DateValue) AS MinDateValueFROM (VALUES (字段1),(字…...
51c自动驾驶~合集58
我自己的原文哦~ https://blog.51cto.com/whaosoft/13967107 #CCA-Attention 全局池化局部保留，CCA-Attention为LLM长文本建模带来突破性进展 琶洲实验室、华南理工大学联合推出关键上下文感知注意力机制（CCA-Attention），…...
MySQL 隔离级别：脏读、幻读及不可重复读的原理与示例
一、MySQL 隔离级别 MySQL 提供了四种隔离级别，用于控制事务之间的并发访问以及数据的可见性，不同隔离级别对脏读、幻读、不可重复读这几种并发数据问题有着不同的处理方式，具体如下： 隔离级别脏读不可重复读幻读性能特点及锁机制读未提交（READ UNCOMMITTED）允许出现允许…...
大语言模型如何处理长文本？常用文本分割技术详解
为什么需要文本分割？ 引言：为什么需要文本分割？一、基础文本分割方法1. 按段落分割（Paragraph Splitting）2. 按句子分割（Sentence Splitting）二、高级文本分割策略3. 重叠分割（Sliding Window）4. 递归分割（Recursive Splitting）三、生产级工具推荐5. 使用LangChain的…...
Java多线程实现之Callable接口深度解析
Java多线程实现之Callable接口深度解析 一、Callable接口概述1.1 接口定义1.2 与Runnable接口的对比1.3 Future接口与FutureTask类 二、Callable接口的基本使用方法2.1 传统方式实现Callable接口2.2 使用Lambda表达式简化Callable实现2.3 使用FutureTask类执行Callable任务 三、…...
ESP32 I2S音频总线学习笔记（四）： INMP441采集音频并实时播放
简介 前面两期文章我们介绍了I2S的读取和写入，一个是通过INMP441麦克风模块采集音频，一个是通过PCM5102A模块播放音频，那如果我们将两者结合起来，将麦克风采集到的音频通过PCM5102A播放，是不是就可以做一个扩音器了呢…...
C# 类和继承(抽象类)
抽象类 抽象类是指设计为被继承的类。抽象类只能被用作其他类的基类。 不能创建抽象类的实例。抽象类使用abstract修饰符声明。 抽象类可以包含抽象成员或普通的非抽象成员。抽象类的成员可以是抽象成员和普通带 实现的成员的任意组合。抽象类自己可以派生自另一个抽象类。例…...
【HTML-16】深入理解HTML中的块元素与行内元素
HTML元素根据其显示特性可以分为两大类：块元素(Block-level Elements)和行内元素(Inline Elements)。理解这两者的区别对于构建良好的网页布局至关重要。本文将全面解析这两种元素的特性、区别以及实际应用场景。 1. 块元素(Block-level Elements) 1.1 基本特性 …...
Spring是如何解决Bean的循环依赖：三级缓存机制
1、什么是 Bean 的循环依赖 在 Spring框架中，Bean 的循环依赖是指多个 Bean 之间互相持有对方引用，形成闭环依赖关系的现象。 多个 Bean 的依赖关系构成环形链路，例如： 双向依赖：Bean A 依赖 Bean B，同时 Bean B 也依赖 Bean A（A↔B）。链条循环： Bean A → Bean…...
：观察者模式)
JS设计模式(4)：观察者模式
JS设计模式(4):观察者模式 一、引入 在开发中，我们经常会遇到这样的场景：一个对象的状态变化需要自动通知其他对象，比如： 电商平台中，商品库存变化时需要通知所有订阅该商品的用户；新闻网站中࿰…...
Python 实现 Web 静态服务器（HTTP 协议）
目录 一、在本地启动 HTTP 服务器1. Windows 下安装 node.js1）下载安装包2）配置环境变量3）安装镜像4）node.js 的常用命令 2. 安装 http-server 服务3. 使用 http-server 开启服务1）使用 http-server2）详解 …...