一呢诬、初次接觸小程序開(kāi)發(fā)

? ? ? ?第一次接觸小程序開(kāi)發(fā)，有幸與師兄一起參加2018 中國(guó)高校計(jì)算機(jī)大賽 —— 微信小程序應(yīng)用開(kāi)發(fā)賽意敛，分配的任務(wù)是根據(jù)小程序界面設(shè)計(jì)的圖片搭建小程序的前端顯示框架。主要是學(xué)習(xí)小程序的界面布局草姻，及相關(guān)的小程序組件（https://developers.weixin.qq.com/miniprogram/dev/component/）的使用钓猬，搭建好小程序的界面顯示框架（即利用小程序開(kāi)發(fā)工具撩独，實(shí)現(xiàn)界面設(shè)計(jì)的顯示效果）。

二综膀、二度接觸小程序開(kāi)發(fā)

? ? ? ? 歷時(shí)一個(gè)月澳迫，剛剛結(jié)束了騰訊微信小程序比賽剧劝，又自己組隊(duì)參加了地質(zhì)資料創(chuàng)新應(yīng)用大賽橄登，想要再度借助微信小程序開(kāi)發(fā)工具做個(gè)小程序，加深自己對(duì)于小程序開(kāi)發(fā)這一塊的理解和學(xué)習(xí)。這次在前面一次參賽的基礎(chǔ)上拢锹，除了寫(xiě).wxml和.wxss谣妻，開(kāi)始自己寫(xiě).js頁(yè)面里的代碼，實(shí)現(xiàn)小程序接口傳參等功能卒稳。

? ? ? ? 對(duì)于一個(gè)編程零基礎(chǔ)的菜鳥(niǎo)來(lái)說(shuō)蹋半，.js頁(yè)面里的內(nèi)容要復(fù)雜一點(diǎn)。例如接口傳參充坑，首先得要明白如何從接口獲取數(shù)據(jù)减江，然后解析數(shù)據(jù)，獲取要顯示的數(shù)據(jù)捻爷，接著重組數(shù)據(jù)辈灼，最后進(jìn)行傳參在界面中顯示。需要有一個(gè)邏輯思維的過(guò)程役衡，沒(méi)有界面搭建那么簡(jiǎn)單茵休、直觀。

三手蝎、總結(jié)

? ? ? ? 好啦~廢話不多說(shuō)榕莺，簡(jiǎn)筆記錄一下菜鳥(niǎo)的小程序前端開(kāi)發(fā)的總結(jié)：

? ? ? ? 1、需注意全局變量和局部變量的區(qū)別棵介，以及局部變量的使用范圍钉鸯，調(diào)用局部變量，可直接用變量名邮辽，給全局變量賦值唠雕，需要用到this（that）.setData（{}）例如this.setData({a:tempA})；//將變量tempA賦給全局變量a吨述；

????????2岩睁、區(qū)別數(shù)組和字典，二者不能混為一談揣云，數(shù)組用于存放多條類似的數(shù)據(jù)[],字典用于存放單個(gè)對(duì)象的數(shù)據(jù){}捕儒；object類型（實(shí)體）或字典（dict），可用點(diǎn)語(yǔ)法邓夕，獲得實(shí)體的屬性和字典中鍵名對(duì)應(yīng)的值刘莹；數(shù)組（array）需通過(guò)下標(biāo)（索引）獲取對(duì)應(yīng)位置上的值；

????????3焚刚、區(qū)別變量和常量点弯，涉及到定義和賦值的時(shí)候何時(shí)用“=”，何時(shí)用“：”的細(xì)節(jié)問(wèn)題（定義變量時(shí)用“=”矿咕，setData里用“：”）抢肛；

????????4狼钮、注意！遍歷字典很可能會(huì)出現(xiàn)順序錯(cuò)亂的問(wèn)題捡絮，所以為了避免遍歷出來(lái)的數(shù)組元素在使用時(shí)出現(xiàn)順序錯(cuò)亂問(wèn)題燃领，最好使用字典來(lái)存儲(chǔ)遍歷出來(lái)的數(shù)組；

? ? ? ? 5锦援、調(diào)用全局變量，需用this（Page對(duì)象）.data.變量名灵寺，Page 是一個(gè)頁(yè)面對(duì)象略板，this表示當(dāng)前Page對(duì)象藐鹤，即離它最近的對(duì)象的內(nèi)容娱节。因?yàn)閠his是IDE（小程序開(kāi)發(fā)工具）的保留關(guān)鍵字谴古，所以為了跳出IDE對(duì)其設(shè)定的使用范圍，我們需要定義另一個(gè)“關(guān)鍵字”（可隨意自己定義）來(lái)替代this带饱，因此有了“var that = this”（這里that即為另一個(gè)“關(guān)鍵字”）,當(dāng)跳出Page對(duì)象（如Page外的function函數(shù)），使用Page中的變量時(shí)，需用that進(jìn)行傳參耕肩；

????????6婚被、在沒(méi)有完全弄懂或者邏輯思維不夠緊密的情況下，盡量避免復(fù)制粘貼代碼谷炸，出現(xiàn)錯(cuò)誤會(huì)不知所以，找不到頭緒禀挫，最好手動(dòng)敲寫(xiě)代碼旬陡，理清思路，這樣有助于糾正細(xì)節(jié)錯(cuò)誤和幫助理解语婴；

????????7描孟、保存編譯出現(xiàn)錯(cuò)誤或者無(wú)錯(cuò)誤但是沒(méi)有效果反應(yīng)時(shí)，要學(xué)會(huì)調(diào)試代碼砰左，打斷點(diǎn)匿醒，一步一步，找到問(wèn)題出現(xiàn)在哪一行代碼菜职，然后進(jìn)行修改青抛；

????????8、最后一個(gè)懶人辦法酬核，在遇到小程序中某個(gè)功能模塊不會(huì)寫(xiě)（不會(huì)理邏輯如何實(shí)現(xiàn)）的時(shí)候蜜另，可以在網(wǎng)上搜索相似的案例，然后自己通過(guò)修改案例中的參數(shù)大小或名稱嫡意，摸索案例代碼中的每一句代碼表示什么意思举瑰，并自己進(jìn)行注釋，然后修改實(shí)現(xiàn)自己想要寫(xiě)的效果蔬螟，嵌入到自己的小程序代碼中實(shí)現(xiàn)該功能此迅。

over~~~