自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(8)
  • 收藏
  • 关注

原创 微信小程序 Slider 组件实战:通过滑动条控制颜色变化

通过滑动条控制颜色变化

2026-11-02 10:06:55 147

原创 微信小程序实战:条件渲染与 picker 组件详解

条件渲染与 picker 组件详解

2026-10-26 10:56:17 211

原创 微信小程序《图片与声音》案例开发 | 音频倍速播放 + 控制台信息打印

本文基于微信小程序案例《图片与声音》,在图片展示、音频播放暂停基础功能上进行扩展,实现音频慢速、快速播放切换,并在播放、暂停操作时于控制台输出音频播放位置与播放速率。案例使用`InnerAudioContext`音频 API 开发,讲解核心代码、测试效果与开发踩坑点,掌握小程序音频控制、事件交互与控制台调试方法。

2026-10-20 14:18:16 225

原创 微信小程序案例 2.10 自动随机变化的颜色

本实验基于微信小程序 webview 渲染引擎开发,实现古诗《望庐山瀑布》文字随机变色效果。页面加载后通过定时器每 5 秒自动生成 4 组十六进制随机颜色,也可点击按钮手动触发颜色更新,控制台输出颜色数组。扩展实现古诗标题与第一行诗文颜色同步变化。项目运用动态样式绑定、`setInterval`定时器、页面生命周期等知识点,页面销毁时清除定时器避免内存泄漏,加深对小程序数据驱动视图机制的理解。

2026-10-13 14:07:55 74

原创 微信小程序应用与页面生命周期实验 —— 控制台日志观测

本实验基于微信开发者工具,编写小程序应用与页面生命周期代码,利用 Console 控制台输出日志,观测onLaunch、onShow、onHide、onLoad、onReady、onHide、onUnload函数的触发时机。分别测试小程序冷启动、Tab 标签页切换、小程序前后台切换场景,对比 Skyline 渲染引擎下生命周期的执行顺序,理解 Tab 页面只是隐藏而不会销毁的特性,掌握小程序生命周期的运行机制。

2026-09-24 14:10:51 182

原创 微信小程序案例 3.2 创建标签 ——tabBar 底部导航实现 5 页面切换

本文基于微信小程序案例 3.2 创建标签,使用tabBar实现底部导航,在原有 3 个页面基础上新增 2 个页面,一共 5 个标签页,展示 “中国网事・感动 2023” 人物事迹。文章介绍项目配置、页面编写、全局样式开发过程,记录开发遇到的问题与调试方法,掌握小程序全局配置与多页面切换开发。

2026-09-24 12:54:10 153

原创 微信小程序 CSS 盒模型案例开发实践

完成微信小程序盒模型布局实验,实现卡片页面开发。

2026-09-16 13:03:37 132

原创 # 微信小程序文本样式练习 — class样式分离实践

在微信小程序开发中,不建议直接在wxml标签写style样式。把样式统一写在wxss文件中,通过class调用,方便后期修改维护。页面顶部为红色居中标题,正文文字为蓝色,文字带有绿色下划线,使用多段文本撑开页面,实现滚动。class命名规范:使用英文短横线。

2026-09-07 17:23:06 319

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除