- 博客(8)
- 收藏
- 关注
RSS订阅原创 微信小程序案例 5.1 变脸游戏实践
本案例是变脸小游戏，利用图片切换实现变脸效果，在基础功能上扩展了累计变脸次数统计。点击按钮切换图片索引，通过 setData 更新视图，同时对计数变量自增，动态展示变脸次数。该案例练习小程序数据绑定、事件绑定以及 setData 更新页面的基础用法，适合理解小程序单向数据渲染机制。
2026-11-04 20:22:25
173
原创 微信小程序 scroll-view 组件案例 4.8 实践
scroll-view 是小程序提供的可滚动视图组件，设置 scroll-x 属性可以实现横向滚动效果。本案例在基础示例上进行扩展，将横向滚动条目由 3 项增加为 4 项。使用 scroll-x 开启横向滚动，配合 white-space:nowrap 和 inline-block 样式让元素横向排列，实现滑动浏览多个选项的效果。scroll-view 常用来做横向导航、商品横向列表等场景，是小程序布局开发里常用的组件。
2026-11-04 19:56:49
205
原创 微信小程序案例：图片与声音（支持倍速播放，控制台打印播放信息）
本案例是微信小程序【图片与声音】，基础功能：展示图片、音频播放 / 暂停；扩展功能：支持快速、慢速切换播放速度，点击播放、暂停时，控制台打印当前音频播放位置 + 当前播放速率，适合小程序音频 API 学习练习。内部音频上下文。
2026-10-22 20:25:32
64
原创 微信小程序案例 4.2 checkbox 和 radio 组件学习
本案例学习小程序表单组件checkbox多选框与radio单选框。radio为单选，同一组内只能选择一项；checkbox为多选，可以同时勾选多个选项。作业扩充要求：在 radio 单选组中额外增加一个 30px 选项，选中该选项时页面字体自动变为 30px。radio 必须放在内，否则无法实现互斥单选。checkbox-group 返回的是数组，展示时需要 join 拼接成字符串。动态 style 绑定，字号单位 px 不能省略，否则样式失效。事件绑定名称bindchange不能写错。
2026-10-09 19:02:21
218
原创 微信小程序案例 3.9 模板 template 学习
本案例学习微信小程序template模板语法。模板可以把重复的 wxml 代码抽离出来，定义一次，多处复用，减少重复代码。作业扩充要求：在原有模板基础上，新增一个模板，用来展示中国奥运冠军及其参赛项目，练习多模板的定义与引用。template 的 name 命名不能带空格，调用时 is 属性名称必须完全一致，大小写敏感。模板内不能直接读取页面 data，数据必须通过传入。模板不会自动继承页面样式，样式需要单独写 wxss。一个 wxml 文件可以定义多个 template，按需选用。
2026-10-09 19:00:58
67
原创 微信小程序案例 3.3 生命周期函数
问题：跳转页面后没有触发 onUnload 原因：navigator 默认是保留当前页面，只是 onHide；如果要 onUnload，需要加。解决：区分 redirect（重定向，卸载原页面）和默认跳转（保留页面，仅隐藏）。问题：onLoad 只执行一次 原因：onLoad 在页面第一次加载时执行，页面只是隐藏再显示，不会再次执行 onLoad，只会执行 onShow。总结：onLoad 只执行一次；onShow 每次页面可见都会执行。
2026-09-23 22:56:08
176
原创 微信小程序案例 3.2 创建标签 + 实现 5 个 TabBar 页面
项目启动失败，提示找不到 app.json问题原因：项目配置路径指向错误，目录不匹配。解决方法：修改 project.config.json，将置空，适配当前项目根目录结构，重新导入项目即可正常启动。新增 Tab 页面不显示、跳转报错问题原因：只配置了 tabBar，没有在 pages 数组注册页面。解决方法：所有 tab 页面必须提前在 app.json 的 pages 中注册，才能正常加载。打包作业报错，老师无法打开项目问题原因：打包了文件内部内容，而非整个项目文件夹。
2026-09-23 22:45:42
111
原创 微信小程序案例 3.1 创建页面和导航
页面注册是小程序开发的基础，navigator 导航组件实现页面之间的路由跳转。多页面开发时，需要维护 app.json 页面列表，页面路径不能写错，否则跳转失败。
2026-09-16 22:17:36
179
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人