TechBlog
首页分类标签搜索关于
← 返回标签列表
加载中...

© 2025 TechBlog. All rights reserved.

#标签

共 94 篇文章
React-Native跨平台技术在开源鸿蒙中查找最长回文子串的算法,使用中心扩展法Center-Expansion-Algorithm来实现这个功能

React-Native跨平台技术在开源鸿蒙中查找最长回文子串的算法,使用中心扩展法Center-Expansion-Algorithm来实现这个功能

本文介绍在ReactNative中实现查找最长回文子串组件的方法。通过创建LongestPalindrome组件,采用中心扩展算法(时间复杂度O(n²))高效查找回文串。组件包含文本输入框、查找按钮和结果显示区域,支持用户输入字符串并实时显示最长回文子串。文章提供了完整的代码示例,包括项目初始化、组件实现和集成到主应用的步骤,同时解释了中心扩展算法的工作原理,该算法通过从每个字符中心向两侧扩展来检测奇偶长度的回文串。

时间:12/24/2025

RN-项目中页面存在-页面可见会导致哪些隐藏-Bug

RN-项目中页面存在-页面可见会导致哪些隐藏-Bug

在ReactNative项目里,很多开发者都会默认认为:只要页面不在当前屏幕上,就等同于“不存在”。但现实往往刚好相反——页面可能已经不可见了,但它还活得好好的。

时间:12/18/2025

React-Native鸿蒙跨平台开发如何使用MongoDB或Firebase作为后端数据库来存储车辆信息保养记录和预约信息

React-Native鸿蒙跨平台开发如何使用MongoDB或Firebase作为后端数据库来存储车辆信息保养记录和预约信息

本文介绍了在ReactNative中开发"保养计划"功能的完整流程。首先明确功能需求,包括查看保养记录、设置提醒和预约服务。然后设计数据模型并搭建开发环境,创建项目结构,包含历史记录、提醒和预约等组件。接着详细说明了前端界面开发方法,提供了MaintenanceHistory组件的示例代码,以及后端API的实现方式。最后强调集成测试、部署应用和持续维护的重要性。通过这个流程,开发者可以构建完整的车辆保养管理功能,提升用户体验。

时间:12/17/2025

使用状态管理持久化存储或者利用现有的库来辅助React-Native鸿蒙跨平台开发开发一个允许用户撤销删除的操作

使用状态管理持久化存储或者利用现有的库来辅助React-Native鸿蒙跨平台开发开发一个允许用户撤销删除的操作

本文介绍了在ReactNative中实现类似Windows回收站功能的几种方法。主要内容包括:1)使用状态管理(useState)维护删除和恢复操作;2)利用AsyncStorage实现持久化存储,确保应用重启后仍可恢复数据;3)提供实际代码示例,包含删除/撤销按钮、图标资源和列表渲染逻辑。实现要点是通过维护两个数组(items和deletedItems)来跟踪当前和已删除项目,结合FlatList组件展示内容,并支持删除恢复功能。

时间:12/17/2025

在React-Native中实现鸿蒙跨平台开发中开发一个运动类型管理系统,使用React-Navigation设置应用的导航结构,创建一个堆栈导航器

在React-Native中实现鸿蒙跨平台开发中开发一个运动类型管理系统,使用React-Navigation设置应用的导航结构,创建一个堆栈导航器

本文介绍了使用ReactNative开发运动类型管理系统的基本流程。首先需要初始化项目并安装必要的依赖库如react-navigation和react-native-paper。然后设置导航结构,创建包含运动类型列表和详情页面的堆栈导航器。文章提供了运动类型列表页(HomeScreen)和详情页(DetailsScreen)的代码示例,包括FlatList展示运动类型数据和导航跳转功能。最后介绍了应用运行方法,包括模拟器和真机调试的注意事项。还包含一个真实项目案例,展示了使用Base64图标库实现运动类型

时间:12/17/2025

react-native-calendarsReact-Native库来帮助你处理日期和时间,实现鸿蒙跨平台开发日历组件

react-native-calendarsReact-Native库来帮助你处理日期和时间,实现鸿蒙跨平台开发日历组件

你可能需要一些额外的库来帮助你处理日期和时间,例如。使用库来创建一个日历组件,用户可以在上面选择日期。你可以使用TextInput和Button来让用户输入特定的保养事项和选择日期。注意:在上面的代码中,TextInput用于选择日期是不可编辑的,因为通常我们会使用一个外部的日历组件来选择日期。如果你想要在TextInput中选择日期,你可以使用或者类似的库。

时间:12/17/2025

RN-实战开发useEffect-依赖数组设计全指南

RN-实战开发useEffect-依赖数组设计全指南

如果你写React/RN写了一段时间,大概率经历过下面这些瞬间:eslint一直提示你“依赖缺失”,你直接关掉依赖数组一加,页面就开始疯狂刷新不加依赖,逻辑又不稳定同事问你“这个effect为啥这么写”,你自己也说不清楚useEffect真正让人痛苦的,从来不是API,而是依赖数组。

时间:12/15/2025

在React-Native鸿蒙跨平台开发中实现一个桶排序算法,如何使用任何排序算法对每个桶中的元素进行排序,再将所有桶中的元素合并成一个有序数组

在React-Native鸿蒙跨平台开发中实现一个桶排序算法,如何使用任何排序算法对每个桶中的元素进行排序,再将所有桶中的元素合并成一个有序数组

21312312321312321

时间:12/08/2025

在React-Native鸿蒙跨平台开发中实现一个基数排序算法,如何进行找到最大数遍历数组找到最大值呢

在React-Native鸿蒙跨平台开发中实现一个基数排序算法,如何进行找到最大数遍历数组找到最大值呢

本文介绍了在ReactNative项目中实现基数排序算法的方法,并展示了如何在鸿蒙(HarmonyOS)平台上应用。基数排序是一种非比较型整数排序算法,通过按位排序实现高效排序。文章详细说明了算法步骤:1)找到最大数确定位数;2)按位进行计数排序;3)合并结果。提供了完整的JavaScript实现代码,包括获取最大值、按位计数排序和基数排序主函数。最后演示了如何在ReactNative项目中集成该算法,通过创建RadixSort.js模块并在组件中调用。示例中还包含了一个日历组件的实现,展示了实际应用场

时间:12/08/2025

在React-Native鸿蒙跨平台开发中实现一个选择排序算法,如何实现列表项重排序,如任务管理应用中调整任务的优先级

在React-Native鸿蒙跨平台开发中实现一个选择排序算法,如何实现列表项重排序,如任务管理应用中调整任务的优先级

本文介绍了在ReactNative中为鸿蒙系统开发原生模块的方法,重点展示了选择排序算法的实现。首先通过创建继承ReactContextBaseJavaModule的SelectionSortModule类,实现了数组排序功能,包含sortArray方法和selectionSort算法。随后在MainApplication中注册该模块。文章还提供了一个ReactNative日历组件示例,包含图标渲染、日期处理和事件标记功能,演示了如何在跨平台应用中集成原生功能。这些代码示例展示了ReactNative

时间:12/08/2025

在React-Native鸿蒙跨平台开发中实现一个冒泡排序算法并将其应用于数据排序,如何进行复制数组以避免直接修改状态中的数组

在React-Native鸿蒙跨平台开发中实现一个冒泡排序算法并将其应用于数据排序,如何进行复制数组以避免直接修改状态中的数组

本文介绍了在ReactNative中实现冒泡排序算法并应用于数据排序的步骤。首先需要创建ReactNative项目并安装依赖,然后在组件中定义冒泡排序函数。示例代码展示了如何在App.js中实现冒泡排序,通过useState管理数据状态,并提供排序按钮触发排序操作。文章还包含了注意事项,如性能优化建议、状态管理技巧,以及关于鸿蒙设备兼容性的说明。最后提供了实际效果演示代码,展示了一个包含日历功能的ReactNative组件实现,其中使用了自定义图标组件和日期处理逻辑。

时间:12/08/2025

react-native实战项目-瀑布流菜单吸顶grid菜单自定义背景图tabbar底部菜单轮播图

react-native实战项目-瀑布流菜单吸顶grid菜单自定义背景图tabbar底部菜单轮播图

【代码】reactnative实战项目瀑布流、菜单吸顶、grid菜单、自定义背景图、tabbar底部菜单、轮播图。

时间:12/05/2025

新手如何搭建配置Android-Studio并成功运行React-Native项目使用自带的虚拟机运行

新手如何搭建配置Android-Studio并成功运行React-Native项目使用自带的虚拟机运行

新手小白如何用AndroidStudio运行基础ReactNative应用

时间:12/03/2025

React-Native学习路径与资源推荐

React-Native学习路径与资源推荐

RN从入门到进阶的路线图总结如下,汇总了各个阶段的核心知识点与对应的推荐资源:[第一阶段:基础入门][JavaScript与ES6]-->[React核心概念]-->[RN开发环境与第一个应用][第二阶段:核心技能][核心组件与API]-->[页面布局与样式]-->[导航与路由][第三阶段:进阶实战][网络与数据]-->[混合开发]-->[性能优化]:永远是信息最准确、更新最及时的第一手资料。

时间:12/01/2025

Flutter-vs-React-Native-vs-原生开发有何不同

Flutter-vs-React-Native-vs-原生开发有何不同

随着Flutter3.0+对桌面和Web的正式支持,以及Google内部产品的全面采用(如GooglePay、Ads),Flutter正成为跨平台开发的新主流。

时间:11/30/2025

React-Native-自建-JS-Bundle-OTA-更新系统从零到一的完整实现与踩坑记录

React-Native-自建-JS-Bundle-OTA-更新系统从零到一的完整实现与踩坑记录

本文详细介绍如何在ReactNative+Expo项目中实现自建JSBundleOTA(Over-The-Air)更新系统,包括系统架构设计、核心实现原理、分片上传方案,以及开发过程中遇到的各种坑和解决方案。通过本文,你将学会如何在不重新安装APK的情况下,实现JavaScript代码的热更新。关键词:ReactNative、Expo、OTA更新、JSBundle、分片上传、热更新分片上传:解决云函数6MB限制,支持大文件上传异步合并:避免云函数超时,提高用户体验。

时间:11/11/2025

云栖实录-AI原生搜索引擎Elasticsearch-换芯AI原生搜索内核增强技术

云栖实录-AI原生搜索引擎Elasticsearch-换芯AI原生搜索内核增强技术

阿里云 Elasticsearch 针对 AI 搜索场景进行了全面的架构革新,从生态开放、企业特性、AI 能力增强到自研高性能内核,全方位满足不同规模和复杂度的智能搜索需求。

时间:10/29/2025

react-native-初次使用Android-Studio-打包

react-native-初次使用Android-Studio-打包

首先需要判断是否能够点进报错后(图片:下载包报错)给提示的链接,查看是否能够点击进入。如进入不了,可以考虑vpn 或者 使用代理。经大佬提点,该问题为梯子问题,也就是初始化未连接到,需要使studio本地下载该插件。按照上述配置后,点击studio右上角的小象,更新gradle包。将 gradle 包全局引入 记得点击apply 进行应用。2. 安装 android studio。有该选项说明可以打包 到此结束。后来无奈更改了代码内的配置。接下来就是软件的配置。

时间:09/10/2025

ReactNative系统组件四

ReactNative系统组件四

React Native系统组件

时间:09/01/2025

zsh-command-not-found-adb-报错问题解决

zsh-command-not-found-adb-报错问题解决

zsh: command not found: adb 报错问题解决

时间:03/12/2025

中国首个AI原生IDE字节跳动发布AI编程工具Trae,开启智能编程新时代

中国首个AI原生IDE字节跳动发布AI编程工具Trae,开启智能编程新时代

💝💝💝欢迎来到我的博客,很高兴能够在这里和您见面!希望您在这里可以感受到一份轻松愉快的氛围,不仅可以获得有趣的内容和知识,也可以畅所欲言、分享您的想法和见解。非常期待和您一起在这个小小的网络世界里共同探索、学习和成长。💝💝💝 ✨✨ 欢迎订阅本专栏 ✨✨。

时间:03/03/2025

云原生架构笔记汇总

云原生架构笔记汇总

什么是云原生架构_云原生全栈架构笔记

时间:02/26/2025

每日一书丨终于有人把云原生讲明白了

每日一书丨终于有人把云原生讲明白了

云原生计算基金会对云原生的定义:云原生技术有利于各组织在公有云、私有云和混合云等新型动态环境中构建和

时间:02/26/2025

行云创新受邀加入信通院云原生成熟度专家组,开启业内首批云原生技术架构应用成熟度评估测试

行云创新受邀加入信通院云原生成熟度专家组,开启业内首批云原生技术架构应用成熟度评估测试

行云创新受邀加入信通院云原生成熟度专家组,开启业内首批云原生技术架构/应用成熟度评估测试_参与信通院

时间:02/25/2025

上一页
1234
下一页第 1 / 4 页