微信小程序之备忘录范例源码.rar
小程序之备忘录开发的源码，微信的react的特性使它很适合用来开发这种单机版简单交互的备忘录。在本示例中，初始时页面只有一个简简单单的欢迎词和文本框，当聚焦文本框开始输入文字，下方出现提交及重置按钮，默认开始时间为当前；点击时间可以重新选择，默认该项目到点前会进行提醒；也可以点绿色开关改成不需要提醒。
页面提交后，下面出现备忘录列表，每行后面有打钩图标用于切换该事项是否已完成、以及X按钮用以删除该事项；当该事项被设为已完成，会跟其他事项有颜色区分。
同时 下面出现一些操作功能，比如切换“显示全部” 以及 “只显示未完成事项”的功能，全部标为已完成、以及删除全部的按钮。
另外当列表存在数据时，下面还有一个按钮保存数据，将当前数据保存到缓存区域，用以下次打开时继续显示个人备忘录状态。
当时间到达有需要提醒的项目前一分钟，或者如果是需要立即开始的当前时间，界面会跳出项目内容，同时播放语音提醒。点击确定表示马上去完成该项目。此时系统会自动将该项目设置为已完成。
个人体会：每个页面的数据绑定（data）是小程序的核心部分，通过setData存入和花括号的读取实现了普通html静态页面没有做到的动态交互；不管是从当前页面提交的表单数据，还是从网络、json文件、api接口读取来的数据在这里交汇并被处理、使用。理解这一点，其他的具体组件/接口等等具体使用方法都是细枝末节了，可以通过查询文档练习掌握。
页面提交后，下面出现备忘录列表，每行后面有打钩图标用于切换该事项是否已完成、以及X按钮用以删除该事项；当该事项被设为已完成，会跟其他事项有颜色区分。
同时 下面出现一些操作功能，比如切换“显示全部” 以及 “只显示未完成事项”的功能，全部标为已完成、以及删除全部的按钮。
另外当列表存在数据时，下面还有一个按钮保存数据，将当前数据保存到缓存区域，用以下次打开时继续显示个人备忘录状态。
当时间到达有需要提醒的项目前一分钟，或者如果是需要立即开始的当前时间，界面会跳出项目内容，同时播放语音提醒。点击确定表示马上去完成该项目。此时系统会自动将该项目设置为已完成。
个人体会：每个页面的数据绑定（data）是小程序的核心部分，通过setData存入和花括号的读取实现了普通html静态页面没有做到的动态交互；不管是从当前页面提交的表单数据，还是从网络、json文件、api接口读取来的数据在这里交汇并被处理、使用。理解这一点，其他的具体组件/接口等等具体使用方法都是细枝末节了，可以通过查询文档练习掌握。
文件下载
资源详情
[{"title":"（ 17 个子文件 11KB ） 微信小程序之备忘录范例源码.rar","children":[{"title":"codesc.net","children":[{"title":"todolist","children":[{"title":"project.config.json <span style='color:#111;'> 563B </span>","children":null,"spread":false},{"title":"pages","children":[{"title":"logs","children":[{"title":"logs.wxml <span style='color:#111;'> 173B </span>","children":null,"spread":false},{"title":"logs.json <span style='color:#111;'> 54B </span>","children":null,"spread":false},{"title":"logs.wxss <span style='color:#111;'> 106B </span>","children":null,"spread":false},{"title":"logs.js <span style='color:#111;'> 266B </span>","children":null,"spread":false}],"spread":true},{"title":"index","children":[{"title":"index.wxss <span style='color:#111;'> 2.87KB </span>","children":null,"spread":false},{"title":"index.wxml <span style='color:#111;'> 2.85KB </span>","children":null,"spread":false},{"title":"index.js <span style='color:#111;'> 5.75KB </span>","children":null,"spread":false}],"spread":true},{"title":"background-audio","children":[{"title":"background-audio.wxss <span style='color:#111;'> 470B </span>","children":null,"spread":false},{"title":"background-audio.wxml <span style='color:#111;'> 1.23KB </span>","children":null,"spread":false},{"title":"background-audio.js <span style='color:#111;'> 2.38KB </span>","children":null,"spread":false},{"title":"background-audio.json <span style='color:#111;'> 48B </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"utils","children":[{"title":"util.js <span style='color:#111;'> 2.02KB </span>","children":null,"spread":false}],"spread":true},{"title":"app.js <span style='color:#111;'> 752B </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 1.86KB </span>","children":null,"spread":false},{"title":"app.json <span style='color:#111;'> 275B </span>","children":null,"spread":false},{"title":"app.wxss <span style='color:#111;'> 258B </span>","children":null,"spread":false}],"spread":true}],"spread":true}],"spread":true}]
评论信息
-
-
-
m0_62996911 :里面链接失效了。。2021-11-26 -
其他资源
- csv2xls，批量转换CSV到Excel
- iar for 8051 8.10.1 注册机
- GTSRB 测试数据png格式
- 实体链接综述
- 游戏昵称随机库，整理版，中国风
- 京东商城评论语料库58万条
- 关爱老人静态公益网页.zip
- 蚁群算法研究综述 发展历史和特点
- 基于加汉宁窗的FFT高精度谐波检测改进算法_王刘旺
- 欧盟GDPR《一般数据保护法案》译文(上）
- Matlab实现M/M/1排队模型
- CORDIC算法
- 操作系统课程设计——主存空间的分配与回收
- DiskGenius(硬盘修复分区工具)5.1绿色专业版-WindowsServer工具类资源
- UMP插件工具
- 最小二乘法拟合椭圆
- 基于VS和C#的实时曲线显示代码
- ansible-sshjail：Ansible连接插件，用于远程配置FreeBSD jails-源码
- Foxit PhantomPDF.rar
- 国科大2019雁栖湖集中教学计算机网络试题
- WinForm嵌入Word文档控件开发
- 达内电信计费项目包括sql语句
- GAT 1324-2017 安全防范 人脸识别应用 静态人脸图像采集规范
- FR短信平台源码
- start12.c中文版解释
免责申明
【只为小站】的资源来自网友分享，仅供学习研究，请务必在下载后24小时内给予删除，不得用于其他任何用途，否则后果自负。基于互联网的特殊性，【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查；无论 【只为小站】 经营者是否已进行审查，用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二条之规定，若资源存在侵权或相关问题请联系本站客服人员，zhiweidada#qq.com，请把#换成@，本站将给予最大的支持与配合，做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明
本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二条之规定，若资源存在侵权或相关问题请联系本站客服人员，zhiweidada#qq.com，请把#换成@，本站将给予最大的支持与配合，做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明