哈喽大家好!近我突发奇想,想做一个提醒事项的小程序,感觉挺有意思的,就动手鼓捣了一下。其实过程并没有想象中那么难,今天就来跟大家唠唠我的开发历程,纯属个人经验分享,大神勿喷哈!
一开始,我脑子里想的可简单了,就一个能提醒我啥时候该干嘛的小程序,能设置提醒时间、提醒内容就够了。结果,越做越发现,这玩意儿还挺讲究的!
得选个开发工具。我用的微信开发者工具,感觉界面还算友好,上手容易。新建项目的时候,项目名称我取了个“我的小提醒”,听起来是不是很接地气?路径就随便选了个文件夹,然后一路“下一步”就搞定了。
然后就是写代码了。说实话,我对代码这玩意儿真心不算精通,属于那种能用就行,能少写一行就少写一行的类型。所以我的代码可能看着有点“土”,但好歹能跑起来,这就足够了!
我主要用了WXML、WXSS和JS这三个文件,分别负责界面布局、样式和逻辑。WXML就像搭积木一样,把各种组件拼起来,比如输入框、按钮、文本等等。WXSS就负责美化界面,让它看起来不那么“丑”。JS呢,就是程序的“大脑”,控制各种逻辑,比如设置提醒时间、存储提醒内容等等。
为了方便理解,我这里画个简单的把这三个文件的职责简单概括一下:
文件类型 | 主要功能 | 我的感受 |
---|---|---|
WXML | 界面布局 | 像搭积木一样简单! |
WXSS | 样式设计 | 有点像化妆,让界面更好看! |
JS | 逻辑控制 | 有点烧脑,不过慢慢琢磨也挺有意思的! |
开始,我傻乎乎地把提醒都放在一个数组里,结果提醒多了以后,查找和删除都特别费劲。后来我学聪明了,用了一个本地存储,把提醒信息保存到本地,这样即使关闭小程序,数据也不会丢失。虽然本地存储也有容量限制,但对于我这种小需求来说,已经足够用了。
然后是提醒功能的实现。微信小程序本身提供了很多API,我用到了wx.setStorageSync和wx.getStorageSync来读写本地存储,用wx.showModal来弹出提醒框。说实话,这些API文档看着有点复杂,不过多看几遍,再结合官方的例子,慢慢就理解了。
让我头疼的是时间格式的处理。我一开始想直接用字符串来表示时间,结果发现各种格式转换特别麻烦,各种边界条件也让人头大。后来我换成了Date对象,感觉方便多了。虽然一开始对Date对象也不是很熟悉,但用着用着就顺手了。
做完这些后,我又加了一些小功能,比如可以编辑提醒内容,可以删除已经完成的提醒等等。这些功能实现起来并不难,主要是多花点时间琢磨琢磨API文档,多尝试几种方法。
整个开发过程中,我大的感受就是:多看文档,多动手实践!遇到问题不要慌,先查查文档,看看有没有相关的API或者例子。实在不行,就上网搜搜,看看有没有其他人遇到类似的很多时候,解决问题的过程比问题本身更让人兴奋!
当然,我的小程序还很粗糙,有很多地方可以改进。比如,界面可以做得更漂亮,功能可以做得更强大,还可以加一些更高级的功能,比如重复提醒、分组提醒等等。但对我来说,目前的版本已经足够用了,而且整个开发过程让我学到了很多东西,这才是重要的!
我想问问大家,你们在开发小程序的过程中,有没有遇到什么有趣的事情或者棘手的问题呢?或者,你们有什么好的建议,可以分享一下吗? 我很期待听到你们的经验和想法!