哈嘍大家好!近我突發(fā)奇想,想做一個提醒事項的小程序,感覺挺有意思的,就動手鼓搗了一下。其實過程并沒有想象中那么難,今天就來跟大家嘮嘮我的開發(fā)歷程,純屬個人經驗分享,大神勿噴哈!
一開始,我腦子里想的可簡單了,就一個能提醒我啥時候該干嘛的小程序,能設置提醒時間、提醒內容就夠了。結果,越做越發(fā)現(xiàn),這玩意兒還挺講究的!
得選個開發(fā)工具。我用的微信開發(fā)者工具,感覺界面還算友好,上手容易。新建項目的時候,項目名稱我取了個“我的小提醒”,聽起來是不是很接地氣?路徑就隨便選了個文件夾,然后一路“下一步”就搞定了。
然后就是寫代碼了。說實話,我對代碼這玩意兒真心不算精通,屬于那種能用就行,能少寫一行就少寫一行的類型。所以我的代碼可能看著有點“土”,但好歹能跑起來,這就足夠了!
我主要用了WXML、WXSS和JS這三個文件,分別負責界面布局、樣式和邏輯。WXML就像搭積木一樣,把各種組件拼起來,比如輸入框、按鈕、文本等等。WXSS就負責美化界面,讓它看起來不那么“丑”。JS呢,就是程序的“大腦”,控制各種邏輯,比如設置提醒時間、存儲提醒內容等等。
為了方便理解,我這里畫個簡單的把這三個文件的職責簡單概括一下:
| 文件類型 | 主要功能 | 我的感受 |
|---|---|---|
| WXML | 界面布局 | 像搭積木一樣簡單! |
| WXSS | 樣式設計 | 有點像化妝,讓界面更好看! |
| JS | 邏輯控制 | 有點燒腦,不過慢慢琢磨也挺有意思的! |
開始,我傻乎乎地把提醒都放在一個數(shù)組里,結果提醒多了以后,查找和刪除都特別費勁。后來我學聰明了,用了一個本地存儲,把提醒信息保存到本地,這樣即使關閉小程序,數(shù)據(jù)也不會丟失。雖然本地存儲也有容量限制,但對于我這種小需求來說,已經足夠用了。
然后是提醒功能的實現(xiàn)。微信小程序本身提供了很多API,我用到了wx.setStorageSync和wx.getStorageSync來讀寫本地存儲,用wx.showModal來彈出提醒框。說實話,這些API文檔看著有點復雜,不過多看幾遍,再結合官方的例子,慢慢就理解了。
讓我頭疼的是時間格式的處理。我一開始想直接用字符串來表示時間,結果發(fā)現(xiàn)各種格式轉換特別麻煩,各種邊界條件也讓人頭大。后來我換成了Date對象,感覺方便多了。雖然一開始對Date對象也不是很熟悉,但用著用著就順手了。
做完這些后,我又加了一些小功能,比如可以編輯提醒內容,可以刪除已經完成的提醒等等。這些功能實現(xiàn)起來并不難,主要是多花點時間琢磨琢磨API文檔,多嘗試幾種方法。
整個開發(fā)過程中,我大的感受就是:多看文檔,多動手實踐!遇到問題不要慌,先查查文檔,看看有沒有相關的API或者例子。實在不行,就上網搜搜,看看有沒有其他人遇到類似的很多時候,解決問題的過程比問題本身更讓人興奮!
當然,我的小程序還很粗糙,有很多地方可以改進。比如,界面可以做得更漂亮,功能可以做得更強大,還可以加一些更高級的功能,比如重復提醒、分組提醒等等。但對我來說,目前的版本已經足夠用了,而且整個開發(fā)過程讓我學到了很多東西,這才是重要的!
我想問問大家,你們在開發(fā)小程序的過程中,有沒有遇到什么有趣的事情或者棘手的問題呢?或者,你們有什么好的建議,可以分享一下嗎? 我很期待聽到你們的經驗和想法!