- 博客(31)
- 收藏
- 关注
RSS订阅原创 微信小程序：数据缓存
同步 vs 异步API异步API不会阻塞渲染，实际开发优先选择异步；同步API需要用try‑catch捕获异常，一旦出错程序不会直接崩溃。输入框bind:blur事件本案例使用失去焦点事件bind:blur获取输入内容；离开输入框的时候，才会把输入内容保存到js变量。扩展删除功能判断输入框为空，直接提示用户；调用接口，如果key不存在会进入fail回调，提示删除失败。调试缓存 微信开发者工具 ->调试器 ->Storage面板，可以直观看到小程序本地存储的全部key‑value，方便调试。
2026-11-10 13:33:58
62
原创 微信小程序：传感器
传感器工作模式startXXX开启传感器，持续接收硬件返回数据；不再使用时调用stopXXX关闭，减少电量消耗。interval采样频率ui：适合界面渲染，更新频率适中；game：游戏高频采样；normal普通频率。Canvas绘制波形思路设置最大采样点数量，新数据入数组，旧数据从数组头部移除，达到波形滚动效果；X、Y、Z三轴分别使用红、绿、蓝三种颜色区分；画布绘制一条灰色中线作为加速度=0的基准参考。
2026-11-10 13:22:58
203
原创 微信小程序 文件操作
代码包文件：项目目录打包上传的静态资源。本地临时文件：用完即弃，小程序重启会被回收。本地缓存文件：不能自定义文件名。本地用户文件目录，自由读写、自定义文件名，有存储上限，沙盒隔离，适合保存业务生成文件。通过这个案例，学会了小程序文件管理器的增、删、改、查基础用法。文件系统可以用来保存用户生成的文本、下载保存图片，做离线缓存功能。需要注意异步回调、沙盒路径、文件操作执行顺序。完整代码可以直接复制运行，适合课程作业练习。
2026-11-05 20:55:17
222
原创 微信小程序 图形变换
通过这个案例，我理解了canvas变换的底层逻辑：平移、旋转、缩放本质全部是对画布坐标系进行修改。后续可以结合变换做旋转图片、旋转文字、动画绘图。ellipse椭圆方法也很实用，可以绘制各类椭圆形UI。
2026-11-03 13:51:58
203
原创 微信小程序基本绘图
通过这次 作业，我熟悉了小程序绘图上下文的常用 API，也理解了像素比适配、图片异步加载、画布状态保存这些难点。Canvas 的自由度很高，除了简单图形，后续还可以做签名画板、海报生成、图表绘制。整体demo适合课堂演示，点击不同按钮切换不同绘图效果，满足本次课程作业要求。
2026-11-03 13:24:08
113
原创 微信小程序变脸游戏
本次课程案例是利用小程序加速度传感器制作变脸小游戏。。开发过程遇到了 Skyline 渲染器导航栏组件报错，这里记录完整代码与踩坑细节。✅ 功能清单。
2026-10-29 21:33:54
138
原创 微信小程序Canvas组件
本案例使用新接口实现手指自由绘图，实现画布绘制、清空画布，作业扩展增加画笔颜色切换按钮。开发途中踩了不少坑：上下文未初始化报错、样式gap兼容性、id特殊符号问题、线条粘连bug，在这里记录完整实现过程，提供可直接运行完整源码。
2026-10-28 17:06:34
100
原创 微信小程序map组件
marker 参数id标记唯一编号，iconPath自定义图标路径，label是标记上方文字；坐标系：小程序地图默认使用gcj02国测局坐标系，高德、腾讯地图都是这个坐标系；权限说明：开发阶段在开发者工具勾选位置模拟即可调试；上线发布需要在小程序后台申请这两个接口权限；拓展方向：可以给 marker 添加点击事件、添加路线规划、弹窗详情等功能。
2026-10-28 17:06:17
190
原创 #微信小程序Video组件
但在近期的开发实践（如《案例 4.7 video组件》）中发现了一个有趣的兼容性问题：`video` 组件的 `danmu-btn`（弹幕按钮）属性，在较低的基础库版本中正常显示，但在较高的基础库版本中却不再显示。<input type="text" placeholder="在此处输入弹幕内容" bindblur="inputBlur" />1. **基本功能**：页面包含视频组件、输入框、发送按钮。{ text: "鸿蒙世界，奔腾不息", color: "#ff0000", time: 1 },
2026-10-27 09:19:13
189
原创 微信小程序 slider组件
slider滑块搭配data‑*自定义属性和计算属性名，可以极大减少重复代码，一个事件处理多个组件。本调色案例可以拓展，比如做亮度调节、音量调节等小程序功能。
2026-10-26 09:50:06
76
原创 微信小程序 scroll‑view 组件
是小程序非常高频的组件，轮播、局部列表、横向卡片都可以用它实现。掌握属性与事件监听，理解布局上的坑点，就可以快速实现各类局部滚动业务。
2026-10-25 13:48:48
129
原创 微信小程序文件引用案例
使用include拆分页面片段，能够将页面的头部、正文、页脚、附加模块分离，代码结构更加清晰，便于修改内容。本次还结合小程序数据绑定wx:if和点击事件，实现简单交互。这种模块化思想，在复杂小程序项目里十分常用，可以减少重复代码，提升项目可维护性。
2026-10-23 09:42:33
137
原创 列表渲染和九九乘法表
继续学习微信小程序列表渲染，本次案例使用完成九九乘法口诀表，并做功能扩展，实现奇偶行不同底色、单元格边框，同时配置页面横屏展示。
2026-10-20 13:54:53
177
原创 条件渲染与picker选择器组件
上方模块：picker下拉选择器picker是小程序原生下拉选择组件，点击弹出选择列表，可以选择红、绿、蓝、紫四种颜色。选中颜色后，页面文字同步显示对应颜色名称，同时下方色块动态切换背景色。利用wx:ifwx:elif多分支条件渲染，根据选中的下标，渲染对应的文字。色块使用内联样式绑定，直接读取数组里的颜色值。下方模块：block块条件渲染包含一个数字输入框，绑定bind:blur失去焦点事件。block条件成立，一次性渲染多个彩色色块；block内所有内容全部不渲染。
2026-10-20 13:26:15
166
原创 微信小程序案例：计时器
本次案例为《案例3.5 计时器》，实现60秒倒计时功能，包含三个按钮。作业扩展需求：在时间显示区域添加背景文字“逝者如斯夫，不舍昼夜”，利用CSS伪元素::before+绝对定位实现水印背景文字效果，理解setTimeout延迟执行、循环定时器、清除定时器。
2026-10-14 20:54:41
206
原创 微信小程序案例：自动随机变化的颜色
这个案例很好地理解小程序数据驱动视图的思想。利用JS生成随机数据，传递到WXML中动态渲染样式。本次作业扩展不需要修改颜色生成逻辑，只需要复用同一个数组下标，就轻松实现标题和第一句诗颜色保持一致。
2026-10-13 14:18:59
61
原创 图片与声音
通过图片交互控制音频，学会音频上下文的创建、播放暂停、倍速设置，同时学会读取媒体对象属性并调试打印日志。后续还可以继续拓展，增加停止、拖拽进度条、循环播放等功能。
2026-10-13 13:50:47
165
原创 checkbox 和 radio 组件
多选框（checkbox）：自由组合设置字体加粗、斜体、下划线样式，可同时多选叠加效果单选框（radio）：切换字体大小，包含 30rpx、40rpx、50rpx、60rpx 四种尺寸实时预览：所有选择变化即时作用于古诗文本，无需刷新页面默认样式设置：页面默认字体大小为 50rpx，界面整洁美观checkbox-group 多选组件：适用于多项选择场景，通过 bindchange 监听选中变化，返回选中数组radio-group 单选组件：适用于互斥选择场景，同一时间只能选中一项动态内联样式。
2026-09-22 14:10:18
91
原创 form组件
本小程序以简易计算器为核心场景，聚焦表单交互开发，实现的具体功能如下：支持用户输入三角形三条边长，仅允许数字输入，规避非法字符自动校验三边合法性，判断是否满足三角形构成规则合法边长通过海伦公式精准计算并展示三角形面积输入数据不合法时，弹出文字提示，给予用户交互反馈配备一键重置功能，可清空所有输入内容与计算结果，恢复页面初始状态。
2026-09-22 13:54:17
158
原创 swiper和switch组件
本次小程序案例，核心掌握了swiper轮播组件和switch开关组件的搭配使用，深刻理解了小程序数据驱动视图的核心思想。所有页面变化无需操作DOM，仅通过修改data数据即可实现视图更新，这也是小程序开发的核心优势。
2026-09-21 20:07:43
127
原创 个人微信小程序备案完整流程
说明：本文是，小程序用途：软件工程知识点展示、学习资料查阅，不涉及付费、交易、用户投稿评论、在线业务办理等经营性功能。
2026-09-21 19:40:38
183
原创 微信小程序模块案例
姓名：{{name}}</view><view>年龄：{{age}}</view><view>所学专业：{{major}}</view>--教师模板--><view>姓名：{{name}}</view><view>年龄：{{age}}</view><view>讲授课程：{{course}}
2026-09-20 14:35:52
205
原创 创建标签
中国网事·感动2023年度网络人物展示需要实现底部tabBar，包含多个标签页：首页、贾潮江、朱培娟、莫日发、朱言春等人物页面，点击tab切换不同人物介绍页面。页面注册：新增页面必须在app.json的pages数组注册，否则tab点击会报错。图片路径：tabBar图标放在images文件夹，路径必须以开头，图标推荐png，大小40*40。渲染器问题skyline：新版渲染引擎，开发者工具效果好，但部分手机机型兼容性差，容易出现tabBar消失。webview。
2026-09-15 14:33:26
80
原创 字体和文本样式属性
全党同志务必不忘初心、牢记使命，务必谦虚谨慎、艰苦奋斗，务必敢于斗争、善于斗争，坚定历史自信，增强历史主动，谱写新时代中国特色社会主义更加绚丽的华章。大会的主题是：高举中国特色社会主义伟大旗帜，全面贯彻新时代中国特色社会主义思想，弘扬伟大建党精神，自信自强、守正创新，踔厉奋发、勇毅前行，为全面建设社会主义现代化国家、全面推进中华民族伟大复兴而团结奋斗。中国共产党第二十次全国代表大会，是在全党全国各族人民迈上全面建设社会主义现代化国家新征程、向第二个百年奋斗目标进军的关键时刻召开的一次十分重要的大会。
2026-09-06 14:02:01
317
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人