- 博客(24)
- 收藏
- 关注
RSS订阅原创 在uniapp中使用pinia
本文介绍了在UniApp中使用Pinia状态管理库并实现数据持久化的方法。通过pinia-plugin-persistedstate插件，可适配UniApp存储API实现状态持久化。文章展示了两种定义Store的方式：Option对象形式（包含state、getters、actions）和Setup函数形式（使用ref和computed）。特别说明了如何配置持久化选项，包括自定义存储键名和选择持久化字段。两种形式都支持设置持久化配置，Setup函数形式更符合Vue3的组合式API风格。
2025-11-20 15:54:16
266
原创 我用uniapp开发app用到的uniapp插件
本文介绍了5个Vite插件提升UniApp开发体验：1)manifest.config.ts转manifest.json；2)自动路由扫描生成及分包支持；3)统一布局管理系统；4)平台检测与优化；5)官方核心构建插件。重点展示了插件组合配置示例，通过TypeScript支持和自动化功能，优化了UniApp项目的开发流程和代码质量。这些插件协同工作，为UniApp开发提供从配置到布局的完整解决方案。
2025-11-18 17:01:35
454
原创 uniapp开发ai对话app，使用百度语音识别用户输入内容并展示到页面上
本文介绍了在UniApp中使用百度语音识别的配置方法。首先需要在百度语音开放平台申请appid、apikey和secretkey，然后将参数配置到项目中。代码示例展示了两种实现方式：直接调用百度语音API进行识别，以及自定义语音识别界面（包含音量显示、实时识别结果等功能）。最后提供了一个AI对话页面的实践案例，演示了如何在文本输入和语音输入模式间切换，并调用百度语音识别将结果展示到界面上。文章包含详细的代码片段和样式配置，帮助开发者快速集成语音功能。
2025-11-05 14:17:34
409
原创 uniapp安卓打包遇到报错：Uncaught SyntaxError: Invalid regular expression: /[\p{L}\p{N}]/
摘要：安卓打包时出现白屏报错，提示正则表达式语法错误。原因是引入的markdown解析插件uParse在H5端正常，但打包安卓失败。紧急处理方案是暂时移除该插件，后续再寻求解决方案。希望有遇到类似问题的小伙伴能分享解决方法。
2025-10-31 14:14:13
239
1
原创 uniapp上架AppStore时提示：你的 App包含 NSUserTrackingUsageDescription，这表示它可能会请求追踪用户。
本文总结了首次上线iOS应用时的隐私配置经验：1) 在manifest.json中手动配置NSUserTrackingUsageDescription，添加设备信息收集的说明；2) 在App Store Connect中更新应用隐私信息；3) 在隐私政策中补充数据收集说明，包括设备信息、使用数据和性能数据三类匿名信息，并强调用户可随时更改追踪权限。关键点在于确保隐私声明与功能配置一致，同时给用户提供明确的控制选项。
2025-10-15 21:38:47
567
原创 vue3 update事件
Vue 3 中 v-model 双向绑定自动处理 update:modelValue 事件，父组件无需手动定义。框架会将 v-model 转换为 :modelValue 和 @update:modelValue 的组合。update:modelValue 用于状态同步，普通事件处理业务逻辑，二者分工明确。这种设计分离了框架机制与业务处理，使组件更清晰易用。
2025-08-29 18:38:03
313
原创 leetcode热题第2题【字母异位词分组】解法记录_js版
本文提出了一种用哈希表分组字母异位词的JavaScript解法。通过将每个字符串排序后作为哈希表的键，相同字母组成的字符串会被分到同一组。算法首先遍历输入数组，对每个字符串排序后作为key存入map，未存在的key新建数组，已存在的则追加到对应数组。最后将map中的值转换为二维数组返回。该方法优化了暴力解法的O(n²)时间复杂度，利用哈希表实现高效分组。
2025-08-05 12:20:43
153
原创 leetcode热题第1题【两数之和】解法记录_js版
本文介绍了两种在数组中找到两数之和等于目标值的方法。第一种使用双重循环暴力解法，时间复杂度较高；第二种利用哈希表存储遍历过的元素，使时间复杂度降为O(n)。示例展示了两种方法的JavaScript实现代码，其中哈希表方法更为高效。文章建议读者可以根据实际需求选择合适的方法，并欢迎指出问题。
2025-08-01 10:30:23
332
原创 鸿蒙实时监听网络状态变化
本文介绍了实现网络监听功能的完整流程和UI状态管理方案。通过创建网络连接对象、注册事件监听器，可以实时监测网络状态变化（包括网络可用性、连接属性等）。UI部分实现了无网络提示条、网络类型显示和事件历史记录功能。最佳实践建议包括：在组件生命周期中合理管理监听（aboutToAppear/Disappear）、完善的错误处理机制（try-catch和日志记录）以及性能优化措施（限制历史记录数量）。完整代码展示了如何集成网络监听功能并响应网络状态变化来更新UI界面。
2025-07-23 16:59:35
431
原创 mac怎么安装hdc（纯小白版）
2.再输入以下命令，其中61323就是上一步查询出来的信息。环境变量配置完成后，重启电脑。连接真机，运行程序。
2025-06-24 16:55:38
1117
原创 鸿蒙装饰器总结
鸿蒙ArkUI框架提供多种装饰器，涵盖组件定义、状态管理、UI样式及生命周期等场景。核心装饰器包括：@Component 和 @Entry 标记组件及入口；状态类（@State、@Prop、@Link）管理数据流向；@Provide/@Consume 实现跨组件数据共享；@Builder 和 @Styles 复用UI与样式；@StorageLink 持久化存储绑定。装饰器区分单向/双向绑定及作用域，开发者需根据场景选择，如父子组件通信推荐@Link，全局状态用@StorageLink。通过合理
2025-06-17 10:30:23
581
原创 JavaScript 执行上下文（Execution Context）详解
执行上下文（Execution Context, EC）是JavaScript代码执行时的抽象环境概念，它包含代码执行所需要的有用信息。执行上下文是JavaScript代码执行的环境容器，包含变量对象作用域链和this绑定三个核心组件。代码执行时，引擎会先进行创建阶段：建立变量对象、构建作用域链、确定this指向。然后进入执行阶段逐行自上而下执行。所有执行上下文通过调用栈管理，后进先出。ES6引入词法环境概念，更精确的实现了块级作用域。
2025-06-15 19:09:12
433
原创 ES6 Class 原理与用法详解
本质上是 JavaScript 原型继承的语法糖，它并没有引入新的面向对象继承模型，而是让原型继承的写法更加清晰、更像传统面向对象语言的写法。
2025-05-22 14:12:49
585
原创 为什么react事件里必须用回调函数
在 React 中，onClick 必须使用回调函数而非直接调用函数，主要原因在于 React 的事件委托机制和异步特性。
2025-05-20 10:58:11
367
原创 Redux Toolkit用法
Redux 是 JavaScript 应用的状态管理工具，通过单一仓库管理全局状态，并通过分发动作和纯函数更新状态。Redux Toolkit（RTK）是官方推荐的简化 Redux 开发的工具包，提供了 configureStore 和 createSlice 等核心 API，简化了状态管理的配置和操作。
2025-05-20 09:14:59
1014
原创 react组件传值方式总结
根据项目规模和组件关系复杂度，选择最适合的传值方式，保持代码可维护性和可扩展性。备注：redux和zustand的使用对比见下一篇文章。
2025-05-16 16:20:07
1307
原创 如何动态获取 Ant Design 的 Icon 组件
scriptUrl: '//at.alicdn.com/t/font_8d5l8fzk5b87iudi.js', // 替换为你的图标库地址});// 使用示例。
2025-05-16 09:29:20
419
原创 使用JavaScrit匹配输入框文字并高亮显示
通过以上步骤，我们实现了一个简单的文本高亮功能。用户输入内容后，页面中的匹配文本会被高亮显示。这个功能可以进一步扩展，例如支持更复杂的匹配规则、优化性能等。希望本文对你有所帮助！
2025-02-13 15:21:16
1206
原创 前端开发：如何将图片转换为Base64编码
本文详细介绍了将图片转换为Base64编码的多种方法，包括浏览器端和Node.js端的实现。浏览器端主要通过FileReader API和Canvas实现，而Node.js端则使用fs模块进行同步或异步读取。文章还提供了性能优化技巧，如压缩图片、懒加载和缓存结果，并列举了Base64编码在实际应用中的场景，如在HTML、CSS中直接使用以及上传前的图片预处理。同时，文章指出了使用Base64编码时需注意的问题，如体积增大、缓存问题和安全性等。最后，文章解析了Base64字符串的结构，并提供了判断字符串是否为
2024-11-08 16:15:58
1793
原创 在vue中自定义vant输入框规则
vant的输入框组件field，默认的type类型只支持tel、digit、number、textarea、password等，实际还有其他场景需要自定义。比如：有一个英文名输入框，只能支持字母和空格，且输入小写字母，自动变成大写，可以这样做。
2023-04-19 16:54:36
3083
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人