文件類型說(shuō)明

第一次打開(kāi)微信小程序的開(kāi)發(fā)者工具，就是下面這個(gè)樣子。 

好多已經(jīng)存在的默認(rèn)文件 .js .json .wxml .wxss 首先當(dāng)然要搞懂這些文件都是干什么的

app.js是小程序的腳本代碼。我們可以在這個(gè)文件中監(jiān)聽(tīng)并處理小程序的生命周期函數(shù)、聲明全局變量。調(diào)用框架提供的豐富的 API，如本例的同步存儲(chǔ)及同步讀取本地?cái)?shù)據(jù)。 
app.json 是對(duì)整個(gè)小程序的全局配置。我們可以在這個(gè)文件中配置小程序是由哪些頁(yè)面組成，配置小程序的窗口背景色，配置導(dǎo)航條樣式，配置默認(rèn)標(biāo)題。注意該文件不可添加任何注釋。 
app.wxss 是整個(gè)小程序的公共樣式表。我們可以在頁(yè)面組件的 class 屬性上直接使用 app.wxss 中聲明的樣式規(guī)則。 
每一個(gè)小程序頁(yè)面是由同路徑下同名的四個(gè)不同后綴文件的組成，如：index.js、index.wxml、index.wxss、index.json。.js后綴的文件是腳本文件，.json后綴的文件是配置文件，.wxss后綴的是樣式表文件，.wxml后綴的文件是頁(yè)面結(jié)構(gòu)文件。

白話說(shuō).js就是程序的邏輯模塊 .wxss就是狹義的css .wxml控制頁(yè)面布局相當(dāng)于html文件 .json我在開(kāi)發(fā)這個(gè)小程序時(shí)基本沒(méi)有用到不太了解

頁(yè)面?zhèn)鲄?wèn)題

這個(gè)當(dāng)時(shí)卡了我好久，各種百度，各種出問(wèn)題傳不過(guò)去。最后發(fā)現(xiàn)官方文檔真是個(gè)好東西，必須好好看。

1. Page({
2. data: {
3. array: ['數(shù)學(xué)', '英語(yǔ)'],
4. objectArray: [
5. {
6. id: 0,
7. name: '數(shù)學(xué)'
8. },
9. {
10. id:1,
11. name:'英語(yǔ)'
12. }
13. ],　　
14. course:'請(qǐng)選擇',
15. index:null
16. },

1. wx.navigateTo({
2. url: '../result/result?course='+this.data.course+'&gaokaoGrade='+gaokaoGrade+'&thisyearGrade='+thisyearGrade
3. })

傳參的方法類似于頁(yè)面提交參數(shù)的get方法，重點(diǎn)也就是卡了我半天的地方在于若是data{}里的變量如course使用時(shí)必須是this.data.course的形式，而后面的gaokaoGrade和thisyearGrade是設(shè)置的全局變量，就直接使用就好了。

具體看官方文檔的說(shuō)明

還有wxml使用js中變量的方法，好像只能使用data{}中的數(shù)據(jù)，不能使用全局變量。

背景圖平鋪問(wèn)題

當(dāng)時(shí)這個(gè)背景圖也是卡了我好久，總是不平鋪，設(shè)置height和weight又不能滿足所有的手機(jī)型號(hào)。

最后百度了許久試了各種無(wú)效的方法后終于突破了。

app.wxss中加上這一句　　　　　　

1. page{
2. height: 100%;
3. }

然后wxss中使用背景圖的屬性background-repeat: round

1. .index-list {
2. background-image: url('http://xxx.jpg');
3. background-repeat: round;
4. }

也可以在wxml中設(shè)置

1. <view class="container result-list" style="background-image:url({{backgroundImage}}); background-repeat: round">
2. <text class="result" style="color: {{fontColor}}" >「{{result}}」</text>
3. </view>

結(jié)語(yǔ)

最后因?yàn)榉N種原因吧，開(kāi)發(fā)的小程序沒(méi)有被使用，但是也了解了很多小程序開(kāi)發(fā)上的一些基本問(wèn)題，如果以后有機(jī)會(huì)開(kāi)發(fā)一定上手會(huì)更快。

不過(guò)小程序現(xiàn)在真的沒(méi)有剛開(kāi)始的那種火熱，但個(gè)人還是很看好它作為各種服務(wù)類輕應(yīng)用平臺(tái)的前景，如團(tuán)購(gòu)類，現(xiàn)在校園里的ofo這類應(yīng)用吧。