|
小程序，或者说react的特性使它很适合用来开发这种单机版简单交互的备忘录。 初始时页面只有一个简简单单的欢迎词和文本框： 当聚焦文本框开始输入文字，下方出现提交及重置按钮，默认开始时间为当前；点击时间可以重新选择 默认该项目到点前会进行提醒；也可以点绿色开关改成不需要提醒。 页面提交后，下面出现备忘录列表，每行后面有打钩图标用于切换该事项是否已完成、以及X按钮用以删除该事项；当该事项被设为已完成，会跟其他事项有颜色区分。 同时 下面出现一些操作功能，比如切换“显示全部” 以及 “只显示未完成事项”的功能，全部标为已完成、以及删除全部的按钮。 另外当列表存在数据时，下面还有一个按钮保存数据，将当前数据保存到缓存区域，用以下次打开时继续显示个人备忘录状态。 当时间到达有需要提醒的项目前一分钟，或者如果是需要立即开始的当前时间，界面会跳出项目内容，同时播放语音提醒。点击确定表示马上去完成该项目。此时系统会自动将该项目设置为已完成。 个人体会：每个页面的数据绑定（data）是小程序的核心部分，通过setData存入和花括号的读取实现了普通html静态页面没有做到的动态交互；不管是从当前页面提交的表单数据，还是从网络、json文件、api接口读取来的数据在这里交汇并被处理、使用。理解这一点，其他的具体组件/接口等等具体使用方法都是细枝末节了，可以通过查询文档练习掌握。
| 
|手机版|小黑屋|微信小程序开发|教程|文档|资源汇总_即速论坛
( 粤ICP备14097199号-1 ) 
窥视卡
雷达卡
发表于 2016-11-9 18:21:01
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
照妖镜
发表于 2016-11-9 23:10:43
