鸿蒙学习构建视图的基本语法（二）

news2025/1/19 10:24:53
一、层叠布局

在这里插入图片描述


//   图片 本地图片和在线图片   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}){
        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))

在这里插入图片描述

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

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

相关文章

OA-CNN：用于 3D 语义分割的全自适应稀疏 CNN

OA-CNN：用于 3D 语义分割的全自适应稀疏 CNN

大家读完觉得有帮助记得及时关注和点赞！！！ 1介绍 2相关工作 基于点的学习。 基于 CNN 的学习。 动态卷积。 3全能自适应 3D 稀疏 CNN 3.1空间适应性感受野 赋予动机。 体素网格。 金字塔网格分区。 Adaptive 聚合器。 3.2自适应关…
阅读更多...
利用 LNMP 实现 WordPress 站点搭建

利用 LNMP 实现 WordPress 站点搭建

部署MySQL数据库 在主机192.168.138.139主机部署数据库服务 包安装数据库 apt-get install mysql-server 创建wordpress数据库和用户并授权 mysql> create database wordpress;#MySQL8.0要求指定插件 mysql> create user wordpress192.168.138.% identified with mys…
阅读更多...
Vue2.0的安装

Vue2.0的安装

1.首先查看是否已经安装了node.js 选择以管理员方式打开命令提示符（权限较高），或者通过cmd的方式打开 打开后输入node -v 查看自己电脑是否安装node，以及版本号 node -v 如果没有的话，请查看Node.js的安装 2.Vue和脚…
阅读更多...
OpenEuler学习笔记（一）：常见命令

OpenEuler学习笔记（一）：常见命令

OpenEuler是一个开源操作系统，有许多命令可以用于系统管理、软件安装、文件操作等诸多方面。以下是一些常见的命令： 一、系统信息查看命令 uname 用途：用于打印当前系统相关信息，如内核名称、主机名、内核版本等。示例&#xff…
阅读更多...
无纸化同屏解决方案探究和技术展望

无纸化同屏解决方案探究和技术展望

好多开发者，在了解到我们在无纸化同屏、智慧教育场景的碾压式行业积累后，希望我们做些无纸化同屏相关的技术探讨，实际上这块方案并不复杂，很容易做到实际使用场景契合的方案，主要是如何达到客户期望的功能和体验。 无…
阅读更多...
nss刷题3

nss刷题3

[SWPUCTF 2022 新生赛]webdog1__start level1： 打开环境后什么也，没有，查看源码，看到第一关是MD5值，要get传参web，然后web的值的MD5和它原来值相等，0e开头的字符在php中都是0，传入…
阅读更多...
深入了解计算机网络中的路由协议与性能优化

深入了解计算机网络中的路由协议与性能优化

在计算机网络中，路由协议是决定数据如何从源节点到达目标节点的关键组成部分。不同的路由协议各有特点，如何根据实际需求选择合适的协议，并对网络性能进行优化，是每个网络管理员需要面临的重要课题。 本篇文章将深入探讨计算机网…
阅读更多...
通过视觉语言模型蒸馏进行 3D 形状零件分割

通过视觉语言模型蒸馏进行 3D 形状零件分割

大家读完觉得有帮助记得关注和点赞！！！对应英文要求比较高，特此说明！ Abstract This paper proposes a cross-modal distillation framework, PartDistill, which transfers 2D knowledge from vision-language models …
阅读更多...
Apple Vision Pro 距离视网膜显示还有多远

Apple Vision Pro 距离视网膜显示还有多远

本文介绍了视网膜屏幕的概念和人眼视敏度极限，以及头戴显示设备在视场角和角分辨率之间的权衡设计。文章还提到了苹果公司的新产品Apple Vision Pro的设计规范和视觉效果。 Retina display 是苹果公司针对其高分辨率屏幕技术的一种营销术语。这个术语最早由乔布斯在 2010 年 6…
阅读更多...
微服务学习-快速搭建

微服务学习-快速搭建

1. 速通版 1.1. git clone 拉取项目代码，导入 idea 中 git clone icoolkj-microservices-code: 致力于搭建微服务架构平台 1.2. git checkout v1.0.1版本 链接地址：icoolkj-microservices-code 标签 - Gitee.com 2. 项目服务结构 3. 实现重点步骤 …
阅读更多...
美最高法维持TikTok禁令，不卖就禁或有转机，TikTok直播专线助力企业在挑战中前行

美最高法维持TikTok禁令，不卖就禁或有转机，TikTok直播专线助力企业在挑战中前行

一、TikTok 面临的危机与转机 最近，TikTok 在美国的命运可谓是波谲云诡。当地时间 1 月 17 日，美国联邦最高法院裁定 TikTok “不卖就禁” 的法律不违宪，这就意味着该法案将于 1 月 19 日生效 ，TikTok 似乎已被逼至悬崖边缘。然而…
阅读更多...
编写Wireshark的Lua脚本详解及示例解析

编写Wireshark的Lua脚本详解及示例解析

编写Wireshark的Lua脚本详解及示例解析 编写Wireshark Lua脚本的基本步骤SMGP.lua脚本解析脚本解析要点总结Wireshark是一个强大的网络协议分析工具，支持通过Lua脚本扩展其功能，以解析自定义或复杂的协议。下面将详细介绍如何编写Wireshark的Lua脚本，并通过解析一个具体的SM…
阅读更多...
【20】Word：小许-质量管理-论文❗

【20】Word：小许-质量管理-论文❗

目录 题目​ NO1.2.3.4.5 NO6.7 NO8 NO9 NO10.11 题目 NO1.2.3.4.5 另存为“Word.docx”文件在考生文件夹下，F12Fn是另存为的作用布局→页面设置对话框→纸张：大小A4→页边距：上下左右不连续ctrl选择除表格外的所有内容→开始→字体对…
阅读更多...
【软件开发过程管理规范】需求管理，需求分析，设计开发管理，测试管理（Word）

【软件开发过程管理规范】需求管理，需求分析，设计开发管理，测试管理（Word）

一、需求管理规程 1 简介 2 过程总体描述 2.1 过程概述 2.2 过程流程图 3 过程元素描述 3.1 准备阶段 3.2 需求调研 3.3 需求分析 软件开发人员及用户往往容易忽略信息沟通，这导致软件开发出来后不能很好地满足用户的需要，从而造成返工。而返工不仅在技术…
阅读更多...
RabbitMQ-消息可靠性以及延迟消息

RabbitMQ-消息可靠性以及延迟消息

目录 消息丢失 一、发送者的可靠性 1.1 生产者重试机制 1.2 生产者确认机制 1.3 实现生产者确认 （1）开启生产者确认 （2）定义ReturnCallback （3）定义ConfirmCallback 二、MQ的持久化 2.1 数据持久…
阅读更多...
了解 .mgJSON 文件

了解 .mgJSON 文件

.mgJSON （Motion Graphics JSON）是一个基于标准 JSON 格式的文件扩展名，专门用于存储和交换与动态图形、动画和多媒体应用相关的数据。该格式支持静态和动态数据流，能够精确描述动画、物体变换、图形效果等。 .mgJSON 文件通过层级…
阅读更多...
小白爬虫——selenium入门超详细教程

小白爬虫——selenium入门超详细教程

目录 一、selenium简介 二、环境安装 2.1、安装Selenium 2.2、浏览器驱动安装 三、基本操作 3.1、对页面进行操作 3.1.1、初始化webdriver 3.1.2、打开网页 3.1.3、页面操作 3.1.4、页面数据提取 3.1.5、关闭页面 ?3.1.6、综合小案例 3.2、对页面元素进行操作 3…
阅读更多...
pycharm+pyside6+desinger实现查询汉字笔顺GIF动图

pycharm+pyside6+desinger实现查询汉字笔顺GIF动图

一、引言 这学期儿子语文期末考试有一道这样的题目： 这道题答案是B，儿子做错了选了C。我告诉他“车字旁”和“车”的笔顺是不一样的，因为二者有一个笔画是不一样的，“车字旁”下边那笔是“提”，而“车”字是“横”&am…
阅读更多...
快手极速版如何查找ip归属地？怎么关掉

快手极速版如何查找ip归属地？怎么关掉

在数字化时代，个人隐私的保护成为了广大用户关注的焦点。快手极速版作为一款备受欢迎的短视频应用，其IP归属地的显示与关闭功能自然也成了用户热议的话题。本文将详细介绍如何在快手极速版中查找IP归属地以及如何关闭IP属地显示，帮助用户更好…
阅读更多...
C++ 模拟真人鼠标轨迹算法 - 防止游戏检测

C++ 模拟真人鼠标轨迹算法 - 防止游戏检测

一.简介 鼠标轨迹算法是一种模拟人类鼠标操作的程序，它能够模拟出自然而真实的鼠标移动路径。 鼠标轨迹算法的底层实现采用C/C语言，原因在于C/C提供了高性能的执行能力和直接访问操作系统底层资源的能力。 鼠标轨迹算法具有以下优势： 模拟…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023