- 博客(14)
- 收藏
- 关注
RSS订阅原创 博客-案例5.7文件操作
的获取与使用writeFile写文件copyFile复制文件readFile读文件获取文件信息unlink删除文件（扩展）用户目录路径作者：王永琪课程：微信小程序开发案例：5.7 文件操作。
2026-11-10 13:27:06
47
原创 博客-案例5.3图形变换
Canvas 2D 初始化：新版 API 需要获取节点 + dpr 适配四大变换方法translaterotatescaletransform状态管理save()restore()保证变换隔离椭圆绘制ellipse()方法的参数与使用复合图形：通过多次saverestore叠加不同颜色的图形作者：王永琪课程：微信小程序开发案例：5.3 图形变换。
2026-11-10 13:13:39
90
原创 canvas组件-技术博客
canvas 组件type="2d"的新版用法；选取 canvas 节点、获取 2D 上下文；用pixelRatio处理高清屏模糊问题；touchstarttouchmove触摸事件配合moveTolineTostroke实现手绘；clearRect清空画布；通过 data + setData 扩展出"动态切换画笔颜色"按钮。canvas 是小程序里做画板、签名板、手绘、简单图表的基础，配合 2D 上下文还能画圆、矩形、图片、文字，后续可以继续扩展橡皮擦、画笔粗细、保存图片等功能。
2026-11-03 13:42:07
161
原创 变脸游戏-技术博客
小程序image组件的使用与数据绑定；触摸事件bind:tap的绑定与处理函数；设备 API wx.onAccelerometerChange的调用方式与三轴加速度判摇逻辑；消息提示框的使用；通过setData实现动态累计计数的扩展功能。变脸游戏虽然小，但涵盖了"界面绑定 + 用户交互 + 硬件传感器 + 状态更新"四个小程序开发的核心环节，是入门设备 API 的一个很好的练手案例。
2026-11-03 13:27:48
99
原创 scroll-view组件技术博客
纵向滚动必须给固定高度scroll-y不设置高度会导致滚动区域塌陷，无法滚动。横向滚动必须：否则子元素会换行，横向滚动变成纵向排列。横向子元素用：配合宽度 100%，才能实现一屏一页的滚动效果。文字居中技巧：绝对定位 +是小程序中常用的居中方案。扩展滚动项很简单：不管横向还是纵向，只需要在里加一个子view并配上对应样式类即可。通过这个案例，我们掌握了的两种滚动方向、常用属性、事件监听以及样式布局方法，后续做商品列表、轮播、频道切换等场景都可以直接复用这套思路。
2026-10-27 13:24:47
67
原创 案例3.10文件引用-技术博客
在开发小程序时，如果多个页面（或同一页面的多个区域）需要复用同一段 WXML 结构，例如统一的页头（header）、页脚（footer），就可以使用<include>标签把公共文件"引用"进来，实现代码复用。本案例设计了一个小程序，演示利用<include>把页面拆分成headermainfooter三个片段文件，放在files目录下；在index.wxml中用<include>一次性引入；功能扩展：新增"扩展阅读"片段文件，并用<include>引入；
2026-10-25 13:25:35
84
原创 博客内容-案例3.7列表渲染和九九乘法表
本案例使用**列表渲染（wx:for）和九九乘法表总体采用纵向布局，从上到下显示每一行；每一行采用横向布局，从左到右显示每个算式；使用列表渲染和条件渲染实现；页面上展示九九乘法表的标题；样式美观（页面设置为横屏显示）。由于index.json中注册了，项目根目录下需要该组件目录。
2026-10-20 13:35:47
197
原创 博客内容-案例3.6条件渲染和picker组件
picker选择器：点击页面上方的 picker 组件，从屏幕底部弹出颜色选项（red、green、blue），选择某个颜色后，下方显示对应的颜色名称文字，同时一个颜色条变成对应颜色。条件渲染：页面下方有一个数字输入框，输入数字并点击输入框外部（失去焦点）后，通过wx:if判断数字是否大于 0：数字大于 0：显示红、绿、蓝三个颜色条；数字为 0 或其他非法值：三个颜色条隐藏。功能扩展（作业要求）：将 picker 可选颜色由 3 种扩展为4 种，在原有 red、green、blue 的基础上。
2026-10-20 13:26:00
130
原创 案例3.5计时器博客
API作用本案例用途延迟 delay 毫秒后执行一次回调启动后延迟2秒再显示计时界面每隔 delay 毫秒重复执行回调，返回定时器编号每秒倒计时减1取消由 setInterval 设置的定时器停止/重置计时倒计时到0后必须设置，否则点击"开始计时"会继续往负数跑；停止/重新计时前都要，防止多个定时器叠加、倒计时速度变快；伪元素定位必须成对：宿主.time设置，伪元素才以它为参照；放在内容下层，否则背景文字会盖住黄色数字；renderer必须设为webview：skyline 渲染引擎对。
2026-10-18 15:22:56
195
原创 优快云博客-字体和文本样式设置
在 WXML 中，通过style属性直接设置内联样式，通过class属性引用 WXSS 文件中定义的样式类。静态样式建议用class，动态样式用style。app.wxss是全局样式，页面.wxss是页面样式，页面样式优先级更高。class 命名用短横线分隔，不要用驼峰。本文为微信小程序课程学习笔记，案例为"字体和文本样式设置"。
2026-10-16 08:38:16
168
原创 案例2.2图片与声音-优快云博客
本文对应教材《案例 2.2 图片与声音》，完整记录如何在小程序中使用 image 组件展示图片、使用 InnerAudioContext 控制音频的播放与暂停，并扩展播放速度控制与播放信息打印功能。
2026-10-13 14:19:18
72
原创 优快云博客-数据和事件绑定
WXML 中的数据绑定使用 Mustache 语法（双大括号）将变量包起来，与index.js中data对象的数据建立绑定关系。这种方式的绑定是单向的，数据只能由index.js传递给index.wxml。button组件通过绑定了一个点击事件处理函数modify。当用户点击按钮时，逻辑层执行modify()，函数内部通过调用修改绑定的数据。执行setData()会将数据从逻辑层传输到视图层，触发视图层页面渲染更新。数据绑定使用 Mustache 语法（双大括号）将变量包起来，这种绑定是单向的，数据只能由。
2026-09-22 14:19:00
147
原创 优快云博客-生命周期函数
生命周期函数是微信小程序框架在特定时机自动调用的回调函数。小程序从启动到销毁、页面从加载到卸载，框架都会在关键节点回调对应的函数，开发者可以在这些函数中完成初始化、数据加载、资源释放等工作。App()方法注册小程序，Page()方法注册页面，二者的对象参数中都可以定义生命周期回调函数。onLaunch（只一次）→onShow→onHide（切后台）。onLoad（只一次）→onShow→onReady（只一次）→onHide→onUnload（销毁）。通过。
2026-09-22 13:48:22
115
原创 技术博客-案例3.2创建标签
本案例来自教材《案例 3.2 创建标签》。目标是设计一个小程序，演示小程序的全局配置页面配置以及**底部标签栏（tabBar）**的创建方法。效果：小程序底部有一排标签，每个标签对应一个独立页面，点击标签即可切换页面；标签在选中和未选中状态下，文字颜色和图标颜色都会随之变化。在app.json中通过tabBar全局配置底部标签栏；通过color和控制标签文字在选中/未选中时的颜色；通过iconPath和切换图标；把多个页面组织成 tab 页结构，实现应用底部导航。
2026-09-20 14:33:05
256
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人