- 博客(111)
- 收藏
- 关注
原创 小白基础入门 React Native 鸿蒙跨平台开发:实现九宫格图片选择
Text>3张</Text><Text>6张</Text><Text>9张</Text></View>
2026-01-22 19:58:16
969
原创 小白基础入门 React Native 鸿蒙跨平台开发:实现简单的步进器
实现自定义步长功能。<Text>步长: 1</Text><Text>步长: 5</Text><Text>步长: 10</Text></View>支持自定义步长根据步长调整增减幅度鸿蒙端自定义步长正常。
2026-01-22 19:57:44
935
原创 小白基础入门 React Native 鸿蒙跨平台开发:多种文本装饰
按出现频率排序,问题现象贴合开发实战,解决方案均为「一行代码简单配置」,所有方案均为鸿蒙端专属最优解,也是本次代码都能做到**零报错、完美适配」的核心原因,鸿蒙基础可直接用,彻底规避所有文本装饰相关的装饰失效、显示异常、样式不生效等问题,基于本次的核心文本装饰代码,结合 RN 的内置能力,可轻松实现鸿蒙端开发中。以下是鸿蒙 RN 开发中实现「文本装饰」的所有。所有能力均为 RN 原生自带,全部从。实现最基本的文本装饰功能。实现不同样式的装饰线。
2026-01-22 19:57:10
588
原创 小白基础入门 React Native 鸿蒙跨平台开发:PanResponder画板涂鸦(最基础,原生但是不完善)
按出现频率排序,问题现象贴合开发实战,解决方案均为「一行代码简单配置」,所有方案均为鸿蒙端专属最优解,也是本次代码都能做到。的核心原因,鸿蒙基础可直接用,彻底规避所有画板涂鸦相关的绘制不流畅、性能差、显示异常等问题,基于本次的核心画板涂鸦代码,结合 RN 的内置能力,可轻松实现鸿蒙端开发中。以下是鸿蒙 RN 开发中实现「PanResponder画板涂鸦」的所有。所有能力均为 RN 原生自带,全部从。实现最基本的画笔绘制功能。实现画笔颜色和粗细调节。实现橡皮擦和撤销功能。
2026-01-22 19:56:37
893
原创 小白基础入门 React Native 鸿蒙跨平台开发:ImageBackground毛玻璃背景效果
按出现频率排序,问题现象贴合开发实战,解决方案均为「一行代码简单配置」,所有方案均为鸿蒙端专属最优解,也是本次代码都能做到**零报错、完美适配」的核心原因,鸿蒙基础可直接用,彻底规避所有毛玻璃背景效果相关的模糊失效、显示异常、性能差等问题,以下是鸿蒙 RN 开发中实现「ImageBackground毛玻璃背景效果」的所有。基于本次的核心毛玻璃背景效果代码,结合 RN 的内置能力,可轻松实现鸿蒙端开发中。所有能力均为 RN 原生自带,全部从。实现最基本的毛玻璃背景效果。实现不同模糊度的毛玻璃效果。
2026-01-22 19:56:02
633
原创 小白基础入门 React Native 鸿蒙跨平台开发:GestureResponder滑动删除
{ id: 'archive', title: '归档', color: '#909399', icon: '📦' },{ id: 'share', title: '分享', color: '#67C23A', icon: '📤' },{ id: 'delete', title: '删除', color: '#F56C6C', icon: '🗑️' },]);))}</View>
2026-01-22 19:55:27
576
原创 基础入门 React Native 鸿蒙跨平台开发:Transform 变换
按出现频率排序,问题现象贴合开发实战,解决方案均为「一行代码简单配置」,所有方案均为鸿蒙端专属最优解,也是本次代码都能做到**零报错、完美适配」的核心原因,鸿蒙基础可直接用,彻底规避所有变换相关的变换失效、性能下降、渲染异常等问题,基于本次的核心变换代码,结合 RN 的内置能力,可轻松实现鸿蒙端开发中。以下是鸿蒙 RN 开发中实现「Transform 变换」的所有。所有能力均为 RN 原生自带,全部从。实现最基本的平移变换。
2026-01-19 20:40:52
973
原创 基础入门 React Native 鸿蒙跨平台开发:PixelRatio 像素适配
按出现频率排序,问题现象贴合开发实战,解决方案均为「一行代码简单配置」,所有方案均为鸿蒙端专属最优解,也是本次代码都能做到**零报错、完美适配」的核心原因,鸿蒙基础可直接用,彻底规避所有像素适配相关的显示模糊、尺寸错误、图片失真等问题,基于本次的核心像素适配代码,结合 RN 的内置能力,可轻松实现鸿蒙端开发中。以下是鸿蒙 RN 开发中实现「PixelRatio 像素适配」的所有。所有能力均为 RN 原生自带,全部从。实现逻辑像素到物理像素的转换。实现最基本的设备像素比获取。实现高清图片的适配加载。
2026-01-19 20:39:52
950
原创 基础入门 React Native 鸿蒙跨平台开发:Animated 动画
按出现频率排序,问题现象贴合开发实战,解决方案均为「一行代码简单配置」,所有方案均为鸿蒙端专属最优解,也是本次代码都能做到**零报错、完美适配」的核心原因,鸿蒙基础可直接用,彻底规避所有动画相关的动画卡顿、性能下降、渲染异常等问题,基于本次的核心动画代码,结合 RN 的内置能力,可轻松实现鸿蒙端开发中。以下是鸿蒙 RN 开发中实现「Animated 动画」的所有。实现最基本的值动画,包括透明度、缩放、旋转等。实现基于值的插值动画,实现更复杂的动画效果。所有能力均为 RN 原生自带,全部从。
2026-01-19 20:39:03
791
原创 基础入门 React Native 鸿蒙跨平台开发:LayoutAnimation 布局动画
实现自定义的布局动画效果。// 改变布局状态expanded);支持自定义动画参数可以配置弹簧效果鸿蒙端自定义动画正常// 快速淡入},// 弹性展开create: {},update: {},},// 平滑滑动update: {},},// 弹跳效果bounce: {create: {},update: {},},}, []);// 使用示例expanded);
2026-01-19 20:38:17
953
原创 基础入门 React Native 鸿蒙跨平台开发:Linking 链接处理 鸿蒙实战
按出现频率排序,问题现象贴合开发实战,解决方案均为「一行代码简单配置」,所有方案均为鸿蒙端专属最优解,也是本次代码都能做到。的核心原因,鸿蒙基础可直接用,彻底规避所有链接处理相关的跳转失败、权限异常、检测失效等问题,基于本次的核心链接处理代码,结合 RN 的内置能力,可轻松实现鸿蒙端开发中。以下是鸿蒙 RN 开发中实现「Linking 链接处理」的所有。实现最基本的打开外部链接功能,跳转到浏览器或其他应用。所有能力均为 RN 原生自带,全部从。
2026-01-19 20:37:32
871
原创 基础入门 React Native 鸿蒙跨平台开发:Shimmer 闪光效果
所有能力均为 RN 原生自带,全部从 核心包直接导入,无任何外部依赖、无任何第三方库,鸿蒙端无任何兼容问题,也是实现闪光效果的的全部核心能力,基础易理解、易复用,无多余,所有闪光效果功能均基于以下组件/API 原生实现:实现最基本的闪光动画,包括动画值创建和动画循环。核心要点:实现图片加载时的闪光占位符效果。核心要点:实现文本加载时的闪光占位符效果。核心要点:四、OpenHarmony6.0 专属避坑指南以下是鸿蒙 RN 开发中实现「Shimmer 闪光效果」的所有真实高频率坑点,按出现频率排
2026-01-19 20:36:52
794
原创 基础入门 React Native 鸿蒙跨平台开发:KeyboardAvoidingView 键盘避让视图
(e) => {// 自定义偏移量计算逻辑() => {}, []);return (style={{}}{/* 内容 */}</View );
2026-01-19 20:36:12
1170
原创 基础入门 React Native 鸿蒙跨平台开发:网络请求实战
GET请求- 获取数据POST请求- 提交数据PUT/PATCH请求- 更新数据DELETE请求- 删除数据请求头设置- Headers查询参数请求取消文件上传所有代码均为TypeScript编写,完美适配鸿蒙平台,无任何兼容问题。通过这些网络请求功能,你可以轻松实现与后端服务器的数据交互,构建功能完整的应用。
2026-01-19 20:35:03
1027
原创 React Native 鸿蒙跨平台开发:实现一个多功能单位转换器
length: [{ label: '米', value: 'm', factor: 1 },{ label: '千米', value: 'km', factor: 1000 },{ label: '厘米', value: 'cm', factor: 0.01 },{ label: '毫米', value: 'mm', factor: 0.001 },{ label: '英寸', value: 'in', factor: 0.0254 },
2026-01-18 14:40:13
924
原创 React Native 鸿蒙跨平台开发:实现一个计时器工具
时间格式化:将秒数格式化为 HH:MM:SS 格式倒计时逻辑:使用 useEffect 和 setInterval 实现倒计时时间设置:允许用户设置小时、分钟、秒进度显示:实时显示剩余时间的进度性能优化:使用 useCallback、useRef、memo 优化性能错误处理:正确处理定时器的清除计时器组件在 React Native for Harmony 中表现良好,运行稳定,是一个很好的学习案例。
2026-01-18 14:33:49
658
原创 React Native 鸿蒙跨平台开发:实现一个模拟计算器
状态管理:使用 useState 管理计算器的各种状态事件处理:处理数字、运算符、等号等按钮的点击事件布局设计:使用 Flexbox 实现键盘网格布局性能优化:使用 memo 和 useCallback 优化性能错误处理:处理除零错误等异常情况扩展功能:添加科学计算、历史记录等扩展功能计算器组件在 React Native for Harmony 中表现良好,交互流畅,是一个很好的学习案例。
2026-01-18 14:23:41
919
原创 React Native 鸿蒙跨平台开发:BottomSheet 底部面板详解
欢迎加入开源鸿蒙跨平台社区:https://openharmonycrossplatform.csdn.net。BottomSheet 组件使用。面板组件渲染了但看不见。点击遮罩层面板没有关闭。
2026-01-18 13:58:25
712
原创 React Native 鸿蒙跨平台开发:Progress 进度条组件代码指南
欢迎加入开源鸿蒙跨平台社区:https://openharmonycrossplatform.csdn.net。圆形进度条没有旋转动画。进度条渲染了但看不见。分段数量与进度不匹配。
2026-01-18 13:48:49
656
原创 React Native 鸿蒙跨平台开发:HorizontalScroll 横向滚动代码指南
itemWidth?: number;spacing?: number;: boolean;autoPlay?: boolean;: number;renderItem?items是必需的,其他都是可选的renderItem允许自定义渲染逻辑,提高组件灵活性提供点击事件回调。
2026-01-18 12:39:55
1056
原创 React Native 鸿蒙跨平台开发:Badge 徽章组件代码实现
max?: number;color?: string;textColor?: string;size?style?: any;count是必需的,其他都是可选的size使用字面量类型,限制只能是三种尺寸style使用any类型,允许传入任意样式对象。
2026-01-18 12:06:57
684
原创 React Native 鸿蒙跨平台开发:DividerLine 分割线条代码指南
分割线虽然简单,但在界面设计中扮演着重要角色。掌握其实现原理和最佳实践对于构建高质量的移动应用至关重要。理解分割线的基本原理:使用 View + backgroundColor/边框样式区分水平和垂直分割线的实现差异掌握虚线分割线的特殊实现方式使用 Flexbox 实现文字分割线的布局采用性能优化策略:memo、StyleSheet、减少嵌套处理常见问题:不显示、边距失效、高度不对使用 memo 优化组件性能提供合理的默认值避免过度嵌套 View。
2026-01-18 11:54:07
1025
原创 React Native 鸿蒙跨平台开发:无限滚动效果代码指南
无限滚动是一个看似简单但实际实现复杂的交互模式。掌握其核心原理和最佳实践对于构建高性能的移动应用至关重要。理解无限滚动的核心机制:滚动检测 → 数据加载 → 状态管理合理使用 FlatList 的 onEndReached 实现垂直无限滚动使用 ScrollView 的 onScroll 实现横向无限滚动通过 RefreshControl 实现下拉刷新功能采用多种性能优化策略:虚拟化、memo、useCallback处理常见问题:重复加载、列表卡顿、内存占用。
2026-01-18 11:39:48
647
原创 React Native 鸿蒙跨平台开发:长按菜单效果
所有能力均为 RN 原生自带,全部从核心包直接导入,无任何额外依赖、无任何第三方库,鸿蒙端无任何兼容问题,也是实现长按菜单效果的全部核心能力,零基础易理解、易复用,无任何冗余,所有长按菜单效果功能均基于以下组件/API 原生实现:在展示完整代码之前,我们先深入理解长按菜单效果实现的核心逻辑,掌握这些核心代码后,你将能够轻松应对各种长按菜单效果相关的开发需求。使用 TouchableOpacity 的 onLongPress 实现基础长按菜单。核心要点:使用 Animated 实现菜单淡入淡出动画。核心要
2026-01-18 11:24:12
663
原创 React Native 鸿蒙跨平台开发:实现商品列表组件
在展示完整代码之前,我们先深入理解商品列表组件实现的核心逻辑,掌握这些核心代码后,你将能够轻松应对各种商品列表组件相关的开发需求。欢迎加入开源鸿蒙跨平台社区:https://openharmonycrossplatform.csdn.net。基于本次的核心商品列表组件代码,结合RN的内置能力,可轻松实现鸿蒙端开发中。使用 FlatList 实现基础的商品列表渲染。添加分类筛选功能,支持按类别过滤商品。添加排序功能,支持按价格、销量等排序。添加搜索功能,支持关键词过滤商品。添加加载更多功能,支持分页加载。
2026-01-17 18:26:48
888
原创 React Native 鸿蒙跨平台开发:i18n 国际化方案代码指南
定义多语言资源对象,包含不同语言的翻译文本。zh: {appTitle: 'React Native 国际化',home: '首页',settings: '设置',language: '语言',currentLanguage: '当前语言',welcome: '欢迎使用',description: '这是一个国际化示例应用',switchLanguage: '切换语言',save: '保存',cancel: '取消',},en: {},使用对象结构定义多语言资源。
2026-01-17 18:25:41
682
原创 React Native 鸿蒙跨平台开发:Context 跨组件数据共享代码
在展示完整代码之前,我们先深入理解 Context 跨组件数据共享实现的核心逻辑,掌握这些核心代码后,你将能够轻松应对各种 Context 跨组件数据共享相关的开发需求。基于本次的核心 Context 跨组件数据共享代码,结合RN的内置能力,可轻松实现鸿蒙端开发中。为 Context 设置默认值,防止未包裹 Provider 时出错。创建 Context Provider 组件,提供共享数据。使用 useContext 钩子消费 Context 数据。创建多个 Context 管理不同类型的数据。
2026-01-17 18:24:49
669
原创 React Native 鸿蒙跨平台开发:Props 父子组件通信代码
使用 TypeScript 定义 Props 类型,提供类型安全。// 定义 Props 类型count?: number;isActive?: boolean;// 子组件return (<Text style={styles.count}>数量: {count}</Text><Text style={styles.status}>状态: {isActive?'激活' : '未激活'}</Text></View>// 父组件return (
2026-01-17 18:23:54
550
原创 React Native 鸿蒙跨平台开发:Stack Navigator 栈式导航代码指南
在展示完整代码之前,我们先深入理解 Stack Navigator 栈式导航实现的核心逻辑,掌握这些核心代码后,你将能够轻松应对各种 Stack Navigator 栈式导航相关的开发需求。欢迎加入开源鸿蒙跨平台社区:https://openharmonycrossplatform.csdn.net。基于本次的核心 Stack Navigator 栈式导航代码,结合RN的内置能力,可轻松实现鸿蒙端开发中。通过 navigate 函数实现页面跳转,支持参数传递。维护导航历史堆栈,支持多级返回。
2026-01-17 18:22:48
788
原创 React Native 鸿蒙跨平台开发:SafeAreaView 安全区域
edges?mode?edges:指定需要适配的边缘,默认为所有边缘mode:适配模式,padding(默认)或marginreturn (<Text>自定义安全区域内的内容</Text></View>
2026-01-17 18:20:43
745
原创 零基础教你如何快速搭建一个【QQ版聊天AI女友】
摘要:本文介绍如何快速搭建QQ版AI女友项目QQSafeChat,该项目基于Windows UI Automation技术,通过非侵入式方式实现拟人化AI对话交互。项目特点包括安全无侵入、模拟真人打字速度、智能表情包发送等功能。搭建步骤包括下载项目、安装Python依赖、配置API密钥(需选择非Mock选项)。项目适用于Windows系统,支持QQ NT 9.0+版本,为开发者提供了将AI模型接入QQ聊天的安全解决方案。
2026-01-07 00:00:42
2026
24
原创 AI Ping限时开放GLM-4.7与MiniMax M2.1:从配置到实战的保姆级教程
通过本次测试,我确认了一个趋势:国产大模型正从“演示型 AI”转向“工程型助手”。GLM-4.7 和 MiniMax M2.1 分别在一次性交付与持续编码两个维度上展现出实用价值。而像 AI Ping这样的平台,则让这种能力变得触手可及——无需部署、无需付费、接口标准,普通开发者也能快速验证模型是否适配自身业务。如果你也在做系统设计、自动化开发或 Agent 构建,不妨亲自试试。只需十几分钟配置,或许就能节省数小时重复劳动。
2025-12-25 09:51:16
1148
原创 从0到1:Qwen-1.8B-Chat 在昇腾Atlas 800T A2上的部署与实战指南前言
本文介绍了在昇腾Atlas 800T A2上部署Qwen-1.8B-Chat对话模型的完整流程。通过云端Notebook环境快速配置NPU运行环境,使用ModelScope高效下载模型,并提供了核心代码实现NPU适配和多轮对话功能。关键步骤包括安装torch_npu库、设置线程限制、调整模型加载参数(如use_cache=False)等,解决了常见问题如下载异常和NPU环境适配。最终模型成功运行,验证了国产算力在大模型应用中的可行性,为开发者提供了实用的部署指南。
2025-11-26 14:02:28
20475
21
原创 从Excel到知识图谱再到数据分析:数据驱动智能体构建指南
《数据驱动智能体构建指南》介绍了如何创建"数据驱动智脑"智能体,整合Excel、MySQL和知识图谱(Neo4j)技术,解决项目管理中的数据分散、决策支持不足等问题。文章详细说明了安装Excel、MySQL和配置知识图谱环境的步骤,并指导如何通过MCP工具创建智能体。该智能体可实现数据导入存储、知识图谱构建、数据分析与可视化功能,为项目成本、进度和资源分配提供决策支持。通过实际案例展示了数据管理、关联分析和可视化呈现效果,证明该方案能有效提升项目管理效率和质量。
2025-06-19 14:41:03
1404
1
原创 【LeetCode刷题】:双指针篇(三数之和,四数之和)
我们可以将所有符合要求的三元组给枚举出来,然后直接利用set容器去重,但是在示例中可能会有很多种像示例一中的这种情况,所以我们可以先给数组排个序,另外,排完序后我们得到的三元组里面的元素顺序也会得到固定,这样也能够更好的让我们利用容器去重。我们可以将所有符合要求的四元组给枚举出来,然后直接利用set容器去重,但是在示例中可能会有很多种像示例一中的这种情况,所以我们可以先给数组排个序,另外,排完序后我们得到的四元组里面的元素顺序也会得到固定,这样也能够更好的让我们利用容器去重。
2025-01-21 18:13:29
1307
9
原创 【博客之星年度总结】回顾2024,逐梦编程路,25年我们一起砥砺前行
2024年是我编程学习的起点,这一年我收获了知识,收获了成长,也收获了友谊。在这一年里,我经历了无数次的挫折和失败,但每一次都让我变得更加坚强和成熟。我学会了如何坚持,如何努力,如何在困难面前不退缩。这些宝贵的经验,将为我今后的学习和工作打下坚实的基础。在2025年,我期待与更多的编程爱好者一起交流、一起进步,共同探索编程的奥秘。让我们携手共进,在编程的世界里追逐梦想,创造属于我们的辉煌!我相信,只要我们保持对编程的热爱,不断学习,不断进步,就一定能够实现自己的梦想,用代码改变世界!⭐给大家来首音乐。
2025-01-19 13:40:35
1612
60
原创 【leetcode刷题】:双指针篇(有效三角形的个数、和为s的两个数)
如果sum大于我们的目标值target,由于数组是单调递增的,price[left]已经是最小的值了,price[right]是数组中最大的那个数。在暴力枚举的时候我们忽略了一个很重要的因素,那就是这个数组里的元素是单调递增的,只要是单调递增的数组,我们就可以大胆的利用双指针算法来解决问题。根据单调性,假设是情况一,因为left往右的数都是比left大的数,left加上right已经大于最大的数了,那么一个。的数组,然后找到两个数相加等于目标值,然后返回这两个数,返回的这两个数顺序随意。
2025-01-09 15:42:16
1329
3
原创 ONLYOFFICE 文档8.2版本:全面升级,带来更高效的协作编辑体验
无论是PDF协作编辑、界面优化,还是性能提升和新功能的增加,都使得ONLYOFFICE文档成为了一个更加全面和高效的办公解决方案。与之前的版本相比,普通文件的打开速度最高提升了21%,演示文稿的打开速度最高提升了17%。随着ONLYOFFICE文档8.2版本的发布,我们迎来了一系列令人兴奋的新功能和改进,旨在提升用户的工作效率和团队协作的便捷性。:对于某些Smart Art,添加了视觉部分的生成,即使文件不包含视觉部分或设置不正确,编辑器现在也可以显示Smart Art。:根据官方文档配置数据库连接。
2024-11-08 17:13:39
1132
5
原创 【leetcode刷题】:双指针篇(快乐数、盛最多水的容器)
这两种情况可以抽象成一种情况,即一直重复变换过程,如果是第一种情况,那么最后循环成一个环,环理的每个值都是1,而第二种情况也是会一直循环直到形成一个环,只不过环里的每一个数都不是1。,当由于第一次slow和fast都指向第一个数,循环根本就进不去,所以我们定义fast是可以是第一个数变换后的数,也就是指向slow的后一位,然后继续循环即可。的定义,对于一个整数,每一次将这个数替换为每个位置上(该数的每一位)数字的平方和,然后一直重复这个过程,直到这个数变为1,如果最后的。
2024-10-27 18:59:04
1351
6
原创 用 effet.js 快速搞定人脸识别和互动效果!
这篇博文介绍了 effet.js 框架,一个基于 facemesh.js 的轻量级工具,旨在帮助开发者快速实现人脸识别和互动效果。文章展示了如何利用 effet.js 实现人脸登录、打卡、睡眠检测等功能,并提供了详细的代码示例和使用场景。通过多线程加载优化性能,effet.js 提供了出色的用户体验,适用于在线教育、企业考勤和汽车安全监测等多个场景。文章还附有相关资源链接,便于开发者深入了解并应用该框架。
2024-10-25 16:08:33
1478
6
使用“Python+Pygame”开发一个简单坦克大战游戏
2024-04-29
matplotlib报错,如何解决?
2024-02-20
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅