
微信小程序
文章平均质量分 68
微信小程序
像数之间
前端。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
小程序的生命周期
摘要:小程序生命周期分为应用和页面两个维度。应用生命周期包括onLaunch(初始化)、onShow(前台显示)、onHide(后台运行)和onUnload(完全关闭)四个阶段,用于全局资源管理。页面生命周期包含onLoad(加载)、onShow(显示)、onReady(渲染完成)、onHide(隐藏)、onUnload(卸载)和onResize(尺寸变化)六个阶段,控制单页面的运行状态。合理利用这些生命周期函数能优化程序性能,提升用户体验。原创 2025-06-11 07:56:20 · 629 阅读 · 0 评论 -
小程序的工具库-miniprogram-licia
miniprogram-licia是专为微信小程序开发的零依赖工具库,提供400+实用模块如防抖、节流、MD5加密等。安装后需在开发者工具中构建npm,支持全量引入或通过在线工具定制生成精简版util.js以减小体积。核心优势包括多功能性(涵盖DOM操作、日期处理等)、灵活定制和性能优化,特别适合处理高频事件。典型应用场景包括安全获取对象属性(safeGet)、函数节流/防抖等,能显著提升小程序开发效率。原创 2025-06-10 14:53:29 · 688 阅读 · 0 评论 -
小程序的登录流程
本文详细介绍了微信小程序的登录流程实现方案。主要内容包括:1)通过wx.login获取用户临时登录凭证code;2)将code发送至服务器换取session_key和openid;3)服务器端使用Node.js实现登录验证;4)通过wx.getUserProfile获取用户信息并上传至服务器。文章还提供了完整的代码示例,涵盖前端小程序授权逻辑和后端接口实现,并强调了安全性、用户授权管理和Token管理等注意事项。该方案完整实现了从用户授权到用户信息获取的微信小程序登录全流程。原创 2025-06-10 18:45:00 · 571 阅读 · 0 评论 -
MobX和miniprogram-computed结合使用
摘要:本文介绍如何在微信小程序中结合MobX和miniprogram-computed实现高效状态管理。内容涵盖:1) 安装相关依赖包;2) 创建MobX Store并定义observable状态;3) 两种实现方式:使用ComponentWithStore与computedBehavior或ComponentWithComputed与storeBindingsBehavior;4) WXML数据绑定示例。注意事项包括版本兼容性、性能优化和调试技巧。通过这种组合方案,开发者可以构建响应式数据更新机制,提升小原创 2025-06-10 15:45:00 · 239 阅读 · 0 评论 -
微信小程序中的计算属性库-miniprogram-computed
miniprogram-computed是一个微信小程序扩展库,提供类似Vue的计算属性(computed)和监听器(watch)功能。安装后需在开发者工具中构建npm,通过引入computedBehavior实现计算属性功能,计算函数只能访问data对象。监听器watch可响应数据变化,支持多字段监听。使用时需注意计算属性有缓存特性,组件中需使用ComponentWithComputed。该库能有效提升小程序的数据管理效率。原创 2025-06-10 11:20:20 · 604 阅读 · 0 评论 -
小程序中的状态管理库-mobx-miniprogram
mobx-miniprogram是一款专为微信小程序设计的MobX状态管理库,支持响应式数据绑定。使用时需先安装mobx-miniprogram和mobx-miniprogram-bindings依赖,创建Store定义状态和操作。在组件和页面中通过storeBindingsBehavior或BehaviorWithStore绑定Store数据和方法,实现状态自动同步更新。注意要求小程序基础库版本≥2.11.0,并正确配置npm构建功能。该方案提供了一种简洁高效的小程序状态管理方式。原创 2025-06-10 11:16:01 · 322 阅读 · 0 评论 -
在微信小程序中使用骨架屏
微信小程序骨架屏使用指南:通过开发者工具自动生成骨架屏代码文件,引入模板和样式后,设置loading变量控制显示状态。可自定义配置颜色、形状,排除特定元素。注意事项包括仅覆盖首屏可见区域、部分组件需特殊处理、避免修改生成代码等。该技术适用于列表类页面,能有效提升加载体验,需配合自适应布局使用。局部加载时也可作为loading样式灵活运用。注意处理骨架屏与真实页面的切换逻辑。原创 2025-06-10 10:49:07 · 800 阅读 · 0 评论 -
微信小程序中安装vant
本文详细介绍了在微信小程序中安装Vant组件库的完整步骤:1)通过npm init初始化项目;2)安装@vant/weapp依赖;3)修改app.json删除style配置;4)调整project.config.json的npm构建路径;5)在开发者工具中构建npm;6)全局或局部引入组件。整个流程涵盖了从项目配置到组件使用的关键环节,为开发者提供了一套完整的小程序UI组件库集成方案。原创 2025-06-09 11:27:27 · 342 阅读 · 0 评论