<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[luner_aa的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/luner_aa</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; luner_aa]]></copyright><item><title><![CDATA[微信小程序开发：文件操作与扩展]]></title><link>https://blog.youkuaiyun.com/luner_aa/article/details/170414750</link><guid>https://blog.youkuaiyun.com/luner_aa/article/details/170414750</guid><author>luner_aa</author><pubDate>Tue, 10 Nov 2026 10:27:25 +0800</pubDate><description><![CDATA[本文基于微信小程序实现文件操作功能，涵盖写入、复制、读取、获取文件信息及新增的删除文件功能。通过wx.getFileSystemManager()与wx.env.USER_DATA_PATH结合，完成本地文件管理。界面采用flex布局优化按钮排版，关键接口正确使用filePath与fail回调，避免常见错误。扩展作业中，通过unlink接口实现安全删除，并以红色警告按钮提示破坏性操作，提升用户体验。]]></description><category></category></item><item><title><![CDATA[微信小程序：Canvas 2D 图形变换与扩展]]></title><link>https://blog.youkuaiyun.com/luner_aa/article/details/170413982</link><guid>https://blog.youkuaiyun.com/luner_aa/article/details/170413982</guid><author>luner_aa</author><pubDate>Tue, 10 Nov 2026 10:19:47 +0800</pubDate><description><![CDATA[本文介绍了微信小程序中Canvas组件的图形绘制与变换实现，涵盖平移、旋转、缩放、矩阵变换及椭圆叠加等核心功能。通过wx.createSelectorQuery()获取画布实例，结合设备像素比（DPR）处理高清屏模糊问题，并利用ctx.save()与ctx.restore()避免变换状态污染。重点实现矩形与椭圆叠加效果，展示Canvas在复杂图形绘制中的强大能力，为小程序开发提供实用参考。]]></description><category></category></item><item><title><![CDATA[微信小程序实战：Map 组件与位置 API 详解]]></title><link>https://blog.youkuaiyun.com/luner_aa/article/details/169942366</link><guid>https://blog.youkuaiyun.com/luner_aa/article/details/169942366</guid><author>luner_aa</author><pubDate>Thu, 05 Nov 2026 19:24:16 +0800</pubDate><description><![CDATA[本文通过实战案例实现微信小程序地图功能，涵盖地图展示、位置获取、选择与打开位置等核心操作。重点配置 app.json 权限并正确使用 wx.getLocation（坐标系为 gcj02），在地图上添加3个自定义标记点（Markers）及气泡提示，完成扩展任务。结合 <map> 组件与 API，实现完整定位交互流程，并提醒常见坑点：坐标系错误与真机调试权限问题。]]></description><category></category></item><item><title><![CDATA[微信小程序实战：Canvas 2D 自由画板与画笔颜色切换功能实现]]></title><link>https://blog.youkuaiyun.com/luner_aa/article/details/169940399</link><guid>https://blog.youkuaiyun.com/luner_aa/article/details/169940399</guid><author>luner_aa</author><pubDate>Tue, 03 Nov 2026 13:48:03 +0800</pubDate><description><![CDATA[本文以实现微信小程序自由绘图板为例，详解如何使用 Canvas 2D 接口绘制流畅线条，并通过 dpr 适配高清屏解决模糊问题。结合 touchstart 与 touchmove 实现触控绘图，支持清空画布及循环切换五种画笔颜色。重点强调了 SelectorQuery 获取节点、路径管理、像素比处理等关键细节，附避坑指南，助力开发者高效掌握 Canvas 2D 核心用法。]]></description><category></category></item><item><title><![CDATA[微信小程序：变脸游戏与加速度计 API 应用]]></title><link>https://blog.youkuaiyun.com/luner_aa/article/details/169939447</link><guid>https://blog.youkuaiyun.com/luner_aa/article/details/169939447</guid><author>luner_aa</author><pubDate>Tue, 03 Nov 2026 13:25:51 +0800</pubDate><description><![CDATA[本文通过“变脸游戏”案例，详解微信小程序中 wx.onAccelerometerChange 的使用，实现点击与摇一摇双模式变脸。结合防抖机制优化摇晃响应，避免频繁触发，并动态显示累计变脸次数。重点掌握加速度监听、数据绑定、资源释放等核心技能，提升用户体验与开发规范性。]]></description><category></category></item><item><title><![CDATA[微信小程序：Video 组件]]></title><link>https://blog.youkuaiyun.com/luner_aa/article/details/169543248</link><guid>https://blog.youkuaiyun.com/luner_aa/article/details/169543248</guid><author>luner_aa</author><pubDate>Fri, 30 Oct 2026 10:38:56 +0800</pubDate><description><![CDATA[本文以实战案例详解微信小程序中video组件的使用，实现自定义弹幕功能。通过配置renderer和packOptions解决包体积超限与视频不显示问题，利用sendDanmu API实现随机颜色弹幕发送，并揭示danmu-btn在高版本基础库中失效的兼容性差异，总结出关键避坑指南，助力开发者高效完成音视频功能开发。]]></description><category></category></item><item><title><![CDATA[微信小程序： scroll-view]]></title><link>https://blog.youkuaiyun.com/luner_aa/article/details/169464903</link><guid>https://blog.youkuaiyun.com/luner_aa/article/details/169464903</guid><author>luner_aa</author><pubDate>Thu, 29 Oct 2026 21:20:04 +0800</pubDate><description><![CDATA[本文通过实战案例详解微信小程序中scroll-view组件的使用，涵盖纵向与横向滚动配置。重点讲解scroll-y、scroll-x、scroll-into-view等核心属性，并实现横向滚动扩展功能，新增“阳光灿烂”页面。结合WXML结构、WXSS样式及JS事件监听，完整演示滚动视图的布局与交互逻辑，确保兼容性与可扩展性。]]></description><category></category></item><item><title><![CDATA[微信小程序：slider 组件]]></title><link>https://blog.youkuaiyun.com/luner_aa/article/details/169367384</link><guid>https://blog.youkuaiyun.com/luner_aa/article/details/169367384</guid><author>luner_aa</author><pubDate>Wed, 28 Oct 2026 22:14:07 +0800</pubDate><description><![CDATA[本文通过“动态颜色调色板”实战项目，深入讲解微信小程序中slider组件的进阶用法。重点掌握data-*自定义属性传参、ES6动态属性名[color]实现高效数据更新，以及利用rgba()函数实现背景与文字反色联动，确保文字在任意背景下清晰可读。结合真实交互场景，实现红绿蓝透明度滑动实时变色，提升UI体验与开发效率。]]></description><category></category></item><item><title><![CDATA[微信小程序：文件引用]]></title><link>https://blog.youkuaiyun.com/luner_aa/article/details/169245897</link><guid>https://blog.youkuaiyun.com/luner_aa/article/details/169245897</guid><author>luner_aa</author><pubDate>Tue, 27 Oct 2026 10:29:44 +0800</pubDate><description><![CDATA[本文通过微信小程序“文件引用”案例，演示如何将页面拆分为独立组件（header、main、footer、extend），使用<include>标签实现模块化引用，并结合wx:if与事件绑定实现扩展内容的显示/隐藏。配合自定义样式还原界面效果，涵盖条件渲染、组件复用与交互设计，完整呈现了小程序开发中的基础实践。]]></description><category></category></item><item><title><![CDATA[微信小程序：九九乘法表]]></title><link>https://blog.youkuaiyun.com/luner_aa/article/details/169147026</link><guid>https://blog.youkuaiyun.com/luner_aa/article/details/169147026</guid><author>luner_aa</author><pubDate>Mon, 26 Oct 2026 10:42:08 +0800</pubDate><description><![CDATA[本文详解了在微信小程序中实现九九乘法表的完整流程：通过配置横屏展示，利用双重循环生成二维数据；在WXML中嵌套wx:for渲染表格；关键在于将背景色设置于.row而非.item，配合固定宽度与边框样式，实现连贯的色带效果。同时强调括号避免运算优先级错误，确保显示正确。]]></description><category></category></item><item><title><![CDATA[微信小程序｜条件渲染 + picker]]></title><link>https://blog.youkuaiyun.com/luner_aa/article/details/169061676</link><guid>https://blog.youkuaiyun.com/luner_aa/article/details/169061676</guid><author>luner_aa</author><pubDate>Sun, 25 Oct 2026 13:45:34 +0800</pubDate><description><![CDATA[本次是小程序基础课程作业，练习条件渲染 wx:if和picker 滚动选择组件开发工具：微信开发者工具。]]></description><category></category></item><item><title><![CDATA[微信小程序 倒计时计时器]]></title><link>https://blog.youkuaiyun.com/luner_aa/article/details/168547878</link><guid>https://blog.youkuaiyun.com/luner_aa/article/details/168547878</guid><author>luner_aa</author><pubDate>Tue, 20 Oct 2026 13:38:16 +0800</pubDate><description><![CDATA[本文记录微信小程序倒计时器开发过程，解决页面初始不显示60及粉色边框未置顶问题。通过在data中初始化count:60实现即时显示，设置margin: 20rpx auto 0使容器位于顶部，并添加粉色边框样式。使用setInterval定时器时保存并清除定时器ID，防止重复触发。结合setData更新视图，实现开始、重置功能，确保逻辑稳定。]]></description><category></category></item><item><title><![CDATA[微信小程序：随机变色页面]]></title><link>https://blog.youkuaiyun.com/luner_aa/article/details/168328088</link><guid>https://blog.youkuaiyun.com/luner_aa/article/details/168328088</guid><author>luner_aa</author><pubDate>Sun, 18 Oct 2026 10:19:59 +0800</pubDate><description><![CDATA[本文介绍一个微信小程序入门级随机变色Demo，实现点击换背景色、自动适配文字颜色、一键复制色值、历史记录保存（最多8条）及清空重置功能。基于数据绑定与事件处理，结合wx.setClipboardData API和亮度算法，代码简洁清晰，适合新手学习小程序核心语法。]]></description><category></category></item><item><title><![CDATA[微信小程序：点击图片播放音频]]></title><link>https://blog.youkuaiyun.com/luner_aa/article/details/168326195</link><guid>https://blog.youkuaiyun.com/luner_aa/article/details/168326195</guid><author>luner_aa</author><pubDate>Sun, 18 Oct 2026 10:01:29 +0800</pubDate><description><![CDATA[本文介绍如何使用微信小程序innerAudioContext实现点击图片播放/暂停音频功能。通过创建音频实例、绑定image点击事件、维护播放状态并监听页面销毁释放资源，完整实现了基础音频控制。代码简洁可运行，适合新手学习事件绑定与媒体API，后续可拓展进度条、多曲切换等功能。]]></description><category></category></item><item><title><![CDATA[微信小程序 image 组件]]></title><link>https://blog.youkuaiyun.com/luner_aa/article/details/167224566</link><guid>https://blog.youkuaiyun.com/luner_aa/article/details/167224566</guid><author>luner_aa</author><pubDate>Wed, 07 Oct 2026 20:37:04 +0800</pubDate><description><![CDATA[本文详解微信小程序<image>组件的使用，涵盖基础用法、mode属性（如aspectFill、aspectFit、widthFix）的场景选择，支持网络与本地图片，并通过实例展示加载回调事件（bindload/binderror）。强调需配置合法域名、避免图片变形及包体积限制等开发注意事项，适合初学者快速掌握图像展示最佳实践。]]></description><category></category></item><item><title><![CDATA[微信小程序实训：Swiper 轮播与 Switch 开关实战]]></title><link>https://blog.youkuaiyun.com/luner_aa/article/details/167224456</link><guid>https://blog.youkuaiyun.com/luner_aa/article/details/167224456</guid><author>luner_aa</author><pubDate>Wed, 07 Oct 2026 20:28:17 +0800</pubDate><description><![CDATA[本项目为小程序轮播组件实践，实现井冈山、长征、延安、西柏坡四大精神的四页轮播，并通过四个Switch开关动态控制指示点、自动播放、循环滑动与竖向切换。采用Skyline渲染器，解决标签选择器禁用、黄色虚线框、对齐错位等兼容问题，通过class统一布局与样式，确保界面整洁对齐。核心体现数据绑定与视图响应机制，是前端入门经典案例。]]></description><category></category></item><item><title><![CDATA[微信小程序 checkbox 和 radio 组件学习]]></title><link>https://blog.youkuaiyun.com/luner_aa/article/details/166361984</link><guid>https://blog.youkuaiyun.com/luner_aa/article/details/166361984</guid><author>luner_aa</author><pubDate>Tue, 22 Sep 2026 14:04:44 +0800</pubDate><description><![CDATA[本文记录微信小程序中checkbox与radio组件的实践，实现《满江红》文本的动态样式控制：通过checkbox-group实现加粗、倾斜、下划线多选，radio-group新增30rpx字号并实时切换字体大小。核心在于数据绑定与事件监听，利用bindchange响应用户操作，结合setData更新数据，视图自动刷新，体现了小程序“数据驱动视图”的开发思想。]]></description><category></category></item><item><title><![CDATA[微信小程序 Form 组件实战：三角形面积计算器]]></title><link>https://blog.youkuaiyun.com/luner_aa/article/details/166360884</link><guid>https://blog.youkuaiyun.com/luner_aa/article/details/166360884</guid><author>luner_aa</author><pubDate>Tue, 22 Sep 2026 13:42:16 +0800</pubDate><description><![CDATA[本项目基于微信小程序form组件实现三角形面积计算器，通过海伦公式计算面积，并校验三边是否构成三角形。使用form-type="submit"触发计算，form-type="reset"实现一键清空输入框与结果。页面布局清晰，标题红色居中，按钮颜色符合要求，样式简洁美观，完整演示了表单提交与重置的核心功能。]]></description><category></category></item><item><title><![CDATA[微信小程序 模板 template 作业实战博客]]></title><link>https://blog.youkuaiyun.com/luner_aa/article/details/166256656</link><guid>https://blog.youkuaiyun.com/luner_aa/article/details/166256656</guid><author>luner_aa</author><pubDate>Mon, 21 Sep 2026 22:57:20 +0800</pubDate><description><![CDATA[本实验通过定义学生、老师及奥运冠军三类模板，实现信息复用与数据传递。使用<template>标签定义模板，通过<import>引入外部模板文件，并在页面中调用is="xxx"和data="{{...}}"传参。每条信息后自动添加虚线分隔线，结合滚动视图与样式布局，完成多条信息展示的课程作业，有效掌握微信小程序模板的创建与应用。]]></description><category></category></item><item><title><![CDATA[微信小程序模块化]]></title><link>https://blog.youkuaiyun.com/luner_aa/article/details/166256446</link><guid>https://blog.youkuaiyun.com/luner_aa/article/details/166256446</guid><author>luner_aa</author><pubDate>Mon, 21 Sep 2026 22:38:50 +0800</pubDate><description><![CDATA[本实验通过微信小程序项目，深入理解CommonJS模块化机制。掌握require()路径规则（如./、../../）与module.exports导出方式，区分全局App实例（getApp()）、跨目录公共模块、同目录模块及页面本地变量的调用方法。实践证明，合理拆分代码可提升复用性与可维护性，路径错误是常见报错原因。]]></description><category></category></item></channel></rss>