No.2

最近在學習繁體輸入法中的注音輸入法，和拼音轉換的時候會有一些詞轉不過來，比如熊（xiong），需要用搜索引擎。網上有關注音輸入法和拼音的轉換資料只有那么幾套，大概這個東西是比較基礎的東西（暈）。于是就自己寫了一個智能的小程序，下文貼上碼。

從構思到實現花了大概13個小時，一部分時間花在了搞懂微信小程序架構，一部分時間花在搞懂代碼標準，一部分時間花在了圖像處理上，還有一部分時間花在了工程性問題上。還有一部分時間花在了和IDE做斗爭上，雖然官方IDE還是比較好用的，但是給的字太小、寬度太寬了，沒有外接屏邊查API變寫整個人都要瞎了。。。

記錄一下這次些小程序過程中對其的理解。

主要分為幾個部分：

• 文件組成
• 解決的問題
• 未解決的問題

---

文件組成

• js文件
• json文件
• wxml文件
• wxss文件

js文件是javascript文件
jason文件是json文件
wxml是微信的編碼格式，類似html
wxss也是微信獨有的編碼格式，類似css

JS文件
js文件主要是寫如何處理前端傳遞的函數和值。每個index.js文件都是由一整個page()構成。下面分析一下一些常見的代碼形式。
1. data：data里面定義的變量可以接受從頁面傳遞的值，在這里定義的data值可以作為當前頁面的全局變量。
2. bindViewTap：事實上這個名稱是wxml里定義的bindtap屬性的value，在function可以定義相關事件。
3. onLoad：是page中的一種狀態，onLoad表示的是當前頁面刷新一次時，所進行的操作。

Page({data: {motto: 'Hello',userInfo: {}},bindViewTap: function() {wx.navigateTo({url: '../logs/logs'})},onLoad: function () {console.log('onLoad')var that = this//調用應用實例的方法獲取全局數據app.getUserInfo(function(userInfo){//更新數據that.setData({userInfo:userInfo})})} })

常用的操作都可以在微信官方給的API里找到，就不詳細寫了。

JSON文件
沒怎么用到這個文件。但是如果有js文件新建的時候，記得要在app.json里注冊

WXML文件
其實和HTML差不多，有些常用的屬性不大一樣。

WXSS文件
其實和CSS差不多，有些定義搞的還不是很清楚，遇到了一些奇怪的問題。比如在一個整個的view里定義了背景圖片的屬性，但在其他class里定義其他image屬性的時候，背景圖片的顯示也改變了。雖然最后用絕對位置解決了這個問題，但依然沒有搞明白怎么回事，十分玄學。。。

解決的問題

背景圖片URL不能放本地地址，可以放網上的地址，不然調試時雖然沒有問題，但手機上預覽顯示不出來；

圖像顯示時，可以直接把圖像值設為null；

在函數里寫setData()最好只寫一個，不然容易造成混亂。

未解決的問題

沒有解決監視軟件盤回車鍵的問題，只能實現點擊button表示確認；

沒有搞懂如何監視小程序界面已關閉，或者已經不在當前頁面；

如果用setInterval()函數，用什么判斷條件可以解決推出程序或后函數關閉（目前只用getCurrentPages實現了返回頁面時可以關閉此函數，但無法捕捉關閉頁面的動態）；

有用函數

setInterval(function () {}) setTimeOut(function () {})

---

這次收獲主要是學了一些js的編程，撿起了一些css和html，以及了解了小程序的簡單架構。

---

另外吐槽一下微信審核好慢啊！

---

按時下班兩個月的我，昨天又見到鎖門了的周樓了，果然沒興趣不成活啊！

---

最后給Hebe Tien比心吧！

---

總結

以上是生活随笔為你收集整理的微信小程序记录v1.0的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。