最近在公司實(shí)習(xí),經(jīng)理要求做一個(gè)微信小程序,晚上閑時(shí)來(lái)寫一下。
微信小程序問(wèn)世沒(méi)多久,但毋庸置疑的是在不久的將來(lái),它可以替代掉很多的APP。個(gè)人認(rèn)為它的優(yōu)勢(shì)在于占用資源少,可以做到即用即走,對(duì)于一些使用頻率不是很高的APP來(lái)說(shuō),使用相應(yīng)的小程序會(huì)方便很多。
要進(jìn)行微信小程序的開(kāi)發(fā):
1.首先得注冊(cè)一個(gè)開(kāi)發(fā)者的賬號(hào),可以到微信公眾平臺(tái)進(jìn)行注冊(cè),選擇注冊(cè)的賬號(hào)類型為小程序,進(jìn)行相應(yīng)的注冊(cè)后即可進(jìn)行以后的操作
2.下載微信Web開(kāi)發(fā)者工具,進(jìn)行相應(yīng)的安裝,具體的安裝過(guò)程在這兒就不詳細(xì)說(shuō)了
打開(kāi)微信Web開(kāi)發(fā)者工具,可以用手機(jī)掃描二維碼進(jìn)行登錄
登錄后有以下兩種選項(xiàng),在這兒我選擇本地小程序項(xiàng)目
可以添加項(xiàng)目,也可以打開(kāi)以前的項(xiàng)目,在這兒我添加一個(gè)項(xiàng)目
AppID的話可以填寫,也可以不填寫,但不填寫部分功能可能會(huì)受到限制,項(xiàng)目目錄可以選擇一個(gè)已有的項(xiàng)目,如果沒(méi)有,可以新建一個(gè)空的目錄,如果是空的目錄,會(huì)出現(xiàn)“在當(dāng)前目錄中創(chuàng)建 quick start 項(xiàng)目”這一句話,會(huì)默認(rèn)創(chuàng)建quick start項(xiàng)目,然后添加項(xiàng)目。
這就是開(kāi)發(fā)工具的整體布局
下面來(lái)講一講小程序的結(jié)構(gòu),每個(gè)小程序包含pages、app.js、app.json、app.wxss。
pages中包含若干個(gè)page,一個(gè)page代表一個(gè)頁(yè)面,page中包含*.js、*.json、 *.wxml、 *.wxss文件, *.wxml、 *.wxss類似于html和css,分別為頁(yè)面結(jié)構(gòu)文件和樣式表文件,*.js為腳本文件,*.json為配置文件。當(dāng)然這四個(gè)文件中只有*.js文件和*.xml文件是必須的,其它兩個(gè)可有可無(wú)。
app.js為小程序的入口,是小程序的腳本代碼,可以監(jiān)聽(tīng)并處理小程序的生命周期函數(shù),以及聲明全局變量等。
app.json為小程