- 博客(101)
- 收藏
- 关注
RSS订阅
原创 【开源-鸿蒙土拨鼠充电系统】鸿蒙 HarmonyOS 4.0 App+微信小程序+云平台
土拨鼠开源充电系统是一套包含鸿蒙App、微信小程序、云平台和后台的充电设备管理系统。①鸿蒙App使用Api9+Stage模式+ArkTS+ArkUI开发，包含登录、注册、充电站列表、充电桩信息、在线充电、订单查询、个人中心等多个功能。②小程序使用 Uniapp 开发，为电动汽车用户提供充电服务，包括登录、注册、查找充电站、充电桩信息、在线充电、订单查询、个人中心等多个功能。
2024-03-14 23:54:26
2709
6
原创 【鸿蒙 HarmonyOS NEXT】组件嵌套滚动：nestedScroll
nestedScroll：设置向前向后两个方向上的嵌套滚动模式，实现与父组件的滚动联动。参数名类型必填说明value是嵌套滚动选项。NestedScrollOptions对象说明名称类型必填描述是滚动组件往末尾端滚动时的嵌套滚动选项。是滚动组件往起始端滚动时的嵌套滚动选项。NestedScrollMode枚举说明名称描述SELF_ONLY只自身滚动，不与父组件联动。SELF_FIRST自身先滚动，自身滚动到边缘以后父组件滚动。
2024-09-18 22:23:13
693
原创 【鸿蒙 HarmonyOS NEXT】popup弹窗
箭头在气泡上下方时，数值为0表示箭头居最左侧，偏移量为箭头至最左侧的距离，默认居中。箭头在气泡左右侧时，偏移量为箭头至最上侧的距离，默认居中。1.当为boolean类型时，如果设置为false，则不响应点击、左滑/右滑、三键back或键盘ESC退出事件，仅当设置“弹窗显示状态”参数show值为false时才退出；2.显示动效中按back键，打断显示动效，执行退出动效，动画效果为显示动效与退出动效的曲线叠加后的效果。3.退出动效中按back键，不会打断退出动效，退出动效继续执行，back键不被响应。
2024-09-18 22:23:09
935
原创 【鸿蒙 HarmonyOS NEXT】使用EventHub进行数据通信
✨本人自己开发的开源项目：土拨鼠充电系统✨踩坑不易，还希望各位大佬支持一下，在给我点个Start⭐⭐👍👍GitHub开源项目地址。
2024-09-09 22:27:15
405
原创 【鸿蒙 HarmonyOS NEXT】使用屏幕属性display：获取屏幕宽高
✨本人自己开发的开源项目：土拨鼠充电系统✨踩坑不易，还希望各位大佬支持一下，在给我点个Start⭐⭐👍👍GitHub开源项目地址。
2024-09-09 21:32:05
1303
原创 【鸿蒙 HarmonyOS NEXT】相对布局：RelativeContainer
Entry@Componentbuild() {Row() {Row()top: { anchor: '__container__', align: VerticalAlign.Top }, //以父容器为锚点，竖直方向顶头对齐middle: { anchor: '__container__', align: HorizontalAlign.Center } //以父容器为锚点，水平方向居中对齐}).id('row1') //设置锚点为row1Row() {
2024-09-05 21:57:26
592
原创 解决：使用Charles查看本机的ip地址
使用抓包工具Charles时，是需要电脑和手机的IP地址一致才能进行抓包的，但是电脑的IP地址会经常变化，特此记录下电脑上如何查看本机的IP地址。
2024-09-05 20:48:12
275
原创 【鸿蒙 HarmonyOS NEXT】LazyForEach：数据懒加载
/ 该方法为框架侧调用，为LazyForEach组件向其数据源处添加listener监听// 该方法为框架侧调用，为对应的LazyForEach组件在数据源处去除listener监听// 通知LazyForEach组件需要重载所有子组件})// 通知LazyForEach组件需要在index对应索引处添加子组件})// 通知LazyForEach组件在index对应索引处数据有变化，需要重建该子组件})
2024-08-22 21:24:05
836
原创 【鸿蒙 HarmonyOS NEXT】引入第三方js：dayjs
项目中需要呈现日期，如：创建时间、申请时间、订单时间、售后时间等；但接口一般返回的是时间戳，需要将时间戳转换成日期格式，如：2023-10-13 14:28:40，此时便考虑使用第三方js库，dayjs进行时间戳转换。ohpm作为OpenHarmony三方库的包管理工具，支持OpenHarmony共享包的发布、安装和依赖管理。简而言之，类似于前端的npm，引入第三方库，如：通过ohpm引入axios、utils、dayjs等。2️⃣查看当前ohpm版本。3️⃣安装dayjs三方库。2.1、ohpm是什么？
2024-08-22 18:34:58
506
原创 【鸿蒙踩坑记录】解决：宽度固定时，数字超出如何缩小至完全显示
在固定的宽度内，金额数字不固定并一行展示，如：133.12，13071067.33，当金额超出固定宽度时，金额缩小至完全显示。
2024-07-30 08:52:47
597
原创 【鸿蒙踩坑记录】解决：tabs滑动时，第一个和最后一个页签回弹大问题
tabs滑动切换时，第一个页签右滑回弹大，最后一个页签左滑回弹大，如何关闭回弹效果。
2024-07-30 08:52:34
325
原创 【鸿蒙 HarmonyOS NEXT】尺寸设置：size/layoutWeight/constraintSize
常见尺寸：width（宽度）、height（高度）、padding（内边距）、margin（外边距）主要整理下size（设置高宽尺寸）、layoutWeight（对子组件进行重新布局）、constraintSize（设置约束尺寸，组件布局时，进行尺寸范围限制）
2024-06-22 20:52:26
2877
原创 【鸿蒙踩坑记录】解决：list组件滑动至左边或右边，回弹效果过大问题
开发过程中使用List组件，当内容超过一屏时可出现滚动效果，此时按住内容迅速滑动至左边，或者滑动到右边，回弹效果过大期望：滑动时，不要有那么大的回弹效果。
2024-06-22 19:20:07
569
原创 【鸿蒙 HarmonyOS NEXT】Swiper组件
官方文档默认角标效果：通过如下代码更改角标样式，更换成菱形图片选中与未选中替换样式🚀🚀🚀 踩坑不易，还希望各位大佬支持一下📃 我的土拨鼠开源项目：https://gitee.com/cheinlu/groundhog-charging-system📃 我的轮播图开源组件：https://gitee.com/cheinlu/harmony-os-next-swiper最后：👏👏😊😊😊👍👍。
2024-06-16 15:21:07
472
原创 【鸿蒙 HarmonyOS】获取设备的地理位置
获取移动设备的地理位置，包含：经度、维度、具体地理位置等，地理位置信息能在许多业务场景中被应用，如导航、地图服务、位置服务、社交媒体等。下面以一个Demo例子，来实现获取设备地理位置的功能。
2024-04-06 18:39:45
2134
7
原创 微信小程序 canvas层级过高覆盖原生组件
微信小程序中使用signature第三方插件完成签名效果，但真机调试时发现canvas层级过高遮挡了按钮
2024-03-19 14:31:12
1476
2
原创 Git常见命令
最近在看一本Git的书籍，名为：《Pro Git》，这是一本关于版本控制工具 Git 的权威性指南。在项目开发中，Git的基本操作也是必备技能，特此记录总结下。
2024-03-16 19:44:21
701
原创 Gitee配置SSH密钥登录
新入手的电脑，需要对Gitee上存放的项目进行更改上传，发现上传不了需要登录，便采用SSH密钥进行登录，防止远程管理工程中的信息泄露。
2024-03-14 10:50:04
1310
原创 【鸿蒙 HarmonyOS】Web组件
页面加载是Web组件的基本功能。根据页面加载数据来源可以分为三种常用场景，包括加载网络页面、加载本地页面、加载HTML格式的富文本数据。
2024-03-11 18:24:26
3261
4
原创 【鸿蒙 HarmonyOS】解决：搜索无效问题
页面包含搜索框和列表，列表默认展示所有数据并具有分页功能。然而，在输入关键字到搜索框时，列表未正确展示搜索结果。
2024-03-07 22:44:43
678
原创 【鸿蒙 HarmonyOS】@Watch装饰器：状态变量监听
@Watch应用于对状态变量的监听。如果需要关注某个状态变量的值是否改变，可以使用@Watch为状态变量设置回调函数。该函数是自定义组件的成员函数，changedPropertyName是被watch的属性名。在多个状态变量绑定同一个@Watch的回调方法的时候，可以通过changedPropertyName进行不同的逻辑处理将属性名作为字符串输入参数，不返回任何内容。3.2、@Watch和自定义组件更新
2024-03-07 20:39:46
2035
原创 【鸿蒙 HarmonyOS】多设备响应式布局
在渲染页面时，需要根据不同屏幕大小渲染出不同的效果，动态的判断设备屏幕大小，便需要采用多设备响应式布局。这种设计方法能够动态适配各种屏幕大小，确保网站在不同设备上都能呈现出最佳的效果。
2024-03-05 22:26:12
1118
2
原创 【鸿蒙 HarmonyOS】弹性布局（Flex）
弹性布局（Flex）提供更加有效的方式对容器中的子元素进行排列、对齐和分配剩余空间。容器默认存在主轴与交叉轴，子元素默认沿主轴排列，子元素在主轴方向的尺寸称为主轴尺寸，在交叉轴方向的尺寸称为交叉轴尺寸。弹性布局在开发场景中用例特别多，比如页面头部导航栏的均匀分布、页面框架的搭建、多行数据的排列等等。
2024-03-05 15:17:21
2709
原创 【鸿蒙 HarmonyOS】应用状态：LocalStorage/AppStorage/PersistentStorage
如果要实现应用级的，或者多个页面的状态数据共享，就需要用到应用级别的状态管理的概念。
2024-03-04 19:45:12
2924
原创 【鸿蒙 HarmonyOS】路由router
这种方式不仅可以返回到指定页面，还可以在返回的同时传递自定义参数信息。这些参数信息可以在目标页中通过调用router.getParams()方法进行获取和解析。// 获取传递过来的参数对象// 获取id属性的值@Entry@Componentbuild() {Row() {Text('接收login传递的id：' + this.params.id)Button('返回到login页面')message:'确定返回到login页面吗？',
2024-02-22 20:52:23
3428
1
原创 【鸿蒙 HarmonyOS】UIAbility、页面及组件的生命周期
①自定义组件：@Component装饰的UI单元，可以组合多个系统组件实现UI的复用，可以调用组件的生命周期。②页面：即应用的UI页面。可以由一个或者多个自定义组件组成，@Entry装饰的自定义组件为页面的入口组件，即页面的根节点，一个页面有且仅能有一个@Entry。只有被@Entry装饰的组件才可以调用页面的生命周期。
2024-02-22 19:19:11
3725
原创 【鸿蒙 HarmonyOS】数据持久化
数据持久化是将内存数据(内存是临时的存储空间)，通过文件或数据库的形式保存在设备中。通常用于保存应用的配置信息。数据通过文本的形式保存在设备中，应用使用过程中会将文本中的数据全量加载到内存中，所以访问速度快、效率高，但不适合需要存储大量数据的场景。
2024-02-21 20:53:02
2490
2
原创 【鸿蒙 HarmonyOS】网络请求
场景：应用通过HTTP发起一个数据请求，支持常见的GET、POST、OPTIONS、HEAD、PUT、DELETE、TRACE、CONNECT方法。日常开发中HTTP请求使用会比较多，主要对HTTP请求进行总结记录。
2024-02-21 17:52:54
5569
原创 【鸿蒙 HarmonyOS】组件状态：@State/@Prop/@Link/@Provide/@Observed
在声明式UI编程框架中，UI是程序状态的运行结果，用户构建了一个UI模型，其中应用的运行时的状态是参数。当参数改变时，UI作为返回结果，也将进行对应的改变。这些运行时的状态变化所带来的UI的重新渲染，在ArkUI中统称为状态管理机制。说明：@State装饰器标记的变量必须初始化，不能为空值@State支持Object、class、string、number、boolean、enum类型以及这些类型的数组嵌套类型以及数组中的对象属性无法触发视图更新。
2024-02-19 23:47:09
2468
原创 【鸿蒙 HarmonyOS】ArkTS开发语言
如果组件支持子组件配置，则需在尾随闭包"{...}"中为组件添加子组件的UI描述。@Component表示自定义组件，@Entry表示该自定义组件为入口组件，@State表示组件中的状态变量,状态变量变化会触发UI刷新。如果组件的接口定义没有包含必选构造参数，则组件后面的“()”不需要配置任何内容。如果组件的接口定义包含构造参数，则在组件后面的“()”配置相应参数。事件方法以“.”链式调用的方式配置系统组件支持的事件，建议每个事件方法单独写一行。以上代码是简单的Column组件配置子组件的示例👆。
2024-02-19 14:17:55
2173
原创 【鸿蒙 HarmonyOS】TypeScript开发语言
类（class）是面向对象编程语言中的一个重要概念。面向对象编程（Object-Oriented Programming，简称OOP）是一种编程范式，其核心理念在于将程序中的数据与操作数据的方法有机地组织成对象，从而使程序结构更加模块化和易于理解。通过对象之间的协同合作，实现更为复杂的程序功能。类（class）是对象的蓝图或模板，它定义了对象的属性（数据）和行为（方法）。通过类可以创建多个具有相似结构和行为的对象。例如定义一个Person类，其对象可以有张三李四等等。id: number;
2024-02-18 17:26:09
5488
4
原创 【鸿蒙 HarmonyOS】开发工具安装
鸿蒙应用开发需要使用配套的IDE——。基于IntelliJ IDEA Community（IDEA社区版）构建，为鸿蒙应用提供了一站式开发环境，集成了开发、运行、调试以及发布应用的各项功能。安装步骤：①获取根据自己的电脑版本选择下载②解压之后双击，进入安装向导，点击即可③选择安装路径，完成后点击④配置安装选项，勾选第一项创建桌面快捷方式即可，完成后点击next⑤点击Install开始安装⑥等待几十秒后，点击Finish完成安装。
2024-02-18 14:27:43
4116
2
原创 【鸿蒙踩坑记录】解决：Route information is not configured for the current page. To avoid possible redirection
这个错误提示表示当前页面的路由信息未配置。为了避免可能的重定向问题，需要在指定的文件中配置页面的路由信息；并且确保文件路径或预览器配置只包含字母、数字、空格和特殊字符：- _。注意：路径前不要有斜杠，错误路径："/pages/..."，正确路径："pages/..."找到 main_pages.json 文件，将需要打开的页面路径配置在此即可。在做鸿蒙应用开发的时候，运行项目会报以下的错误👇。错误提示中也指明了是在此文件中配置路径👇。
2024-02-04 15:25:17
2075
原创 微信小程序 安卓/IOS兼容问题
问题：在安卓中时间格式2024-1-31 10:10:10，但是在iOS中是不支持 "-" 作为日期分隔符原因：IOS系统及 Safari 不支持YYYY-DD-MM时间格式解决：将日期中的"-"，替换为"/"
2024-02-01 10:47:55
4098
6
原创 微信小程序 实现支付流程
1、获取OpenID：通过wx.login()获得code，将code传给接口获得OpenID调用预支付接口，将OpenID与接口需要携带的其他参数，得到预支付核心数据；数据包含：【时间戳--timeStamp，随机字符串--nonceStr，预支付id--package，签名算法--signType，签名--paySign】调用wx.requestPayment()，传递上一步获取的5个预支付核心数据，得到支付结果最后，👏👏 😀😀😀 👍👍。
2024-01-30 18:42:27
8787
原创 微信小程序 实现登录流程
一、背景开发小程序时，用户登录是很重要的一个环节，记录下微信小程序登录流程二、登录流程2.1、微信官方文档登录流程图。
2024-01-27 17:36:44
5912
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人