（Ctrl+s）保存編輯的內(nèi)容绷落，不然調(diào)試不會(huì)出效果＠焉痢！砌烁！
項(xiàng)目結(jié)構(gòu)
小程序入門（0）項(xiàng)目創(chuàng)建篇?筐喳， 下載開發(fā)工具并創(chuàng)建項(xiàng)目。
小程序入門（2）淺析篇?往弓，了解wxml與wxss的配合使用
小程序進(jìn)階（1）豆瓣電影疏唾，看文檔，復(fù)制文檔代碼基礎(chǔ)布局也可以輕松搭建函似。
在編輯中找到加號(hào)槐脏！創(chuàng)建button目錄。
添加一個(gè)外層文件button撇寞， 在四個(gè)內(nèi)層文件?js顿天，json , wxml , wxss . 名字與外層文件相同。
創(chuàng)建外層文件蔑担，分別在創(chuàng)建內(nèi)層?js牌废，json，wxml啤握，wxss鸟缕。這樣就生成了一個(gè)偽頁(yè)面，說(shuō)它是偽頁(yè)面到后面進(jìn)行分析排抬。
. js：javascript 邏輯代碼區(qū)懂从。
. json：頁(yè)面配置區(qū)。
. wxml：類類似HTML布局區(qū)蹲蒲，?
. wxss：CSS樣式區(qū) 番甩，
（ json 與 wxss 并不是必須的可按照產(chǎn)品風(fēng)格做調(diào)整），要說(shuō)的是json多數(shù)使用在API接口中届搁，在控件中幾乎不使用缘薛，他的作用官方解釋?
子文件中的 .json只能設(shè)置window相關(guān)的配置項(xiàng)，以決定本頁(yè)面的窗口表現(xiàn)卡睦，所以無(wú)需寫window這個(gè)鍵
window ：用于設(shè)置小程序的狀態(tài)欄宴胧、導(dǎo)航條、標(biāo)題表锻、窗口背景色牺汤。
所以在編寫控件時(shí)可以不用創(chuàng)建 .json 文件?
. js 與 wxml就比較關(guān)鍵了“必須創(chuàng)建”，在 js?中 page方法是頁(yè)面入口方法“必須創(chuàng)建”浩嫌，可以不用寫他的所有生命周期函數(shù)檐迟。
前面的這些介紹大概心里有個(gè)數(shù)补胚，往后看更精彩。
你應(yīng)該發(fā)現(xiàn)所創(chuàng)建的外層文件和內(nèi)層文件追迟，他們的名字都是相同的溶其，這是也是微信框架下的一種查詢調(diào)用機(jī)制，因?yàn)榭蚣軙?huì)自動(dòng)去尋找路徑.json,.js,.wxml,.wxss的四個(gè)文件進(jìn)行整合敦间，當(dāng)然在一些情況下會(huì)有所出入瓶逃，比如 navigator控件 實(shí)現(xiàn) 頁(yè)面內(nèi)層跳轉(zhuǎn) 它的 文件名需要不相同，有一個(gè)大致的了解后面在深入廓块，我們可以知道文件名不是必須相同的厢绝，只是如果不相同在APP.json中要多寫幾個(gè)路徑。
從這里就能看出微信小程序的目錄結(jié)構(gòu)带猴，是一個(gè)排插分別已有四個(gè)插口昔汉，而這個(gè)插口可以根據(jù)需求進(jìn)行靈活運(yùn)用，
PS：看到這里沒學(xué)過(guò)javascript HTML CSS的朋友會(huì)覺得必須要去學(xué)這些拴清，其實(shí)不然靶病，重點(diǎn)要學(xué)的是JavaScript,而后兩者可以邊看官方文檔邊學(xué)，當(dāng)然基礎(chǔ)的內(nèi)容還是要去過(guò)一邊大概兩小時(shí)就可以對(duì)HTML CSS有個(gè)大致的了解口予，這兩門還是挺簡(jiǎn)單的娄周。
在小程序開發(fā)中wxml與Html還是有點(diǎn)差別的，
Wxml中的控件由標(biāo)簽決定 這點(diǎn)與HTML相同
View決定一個(gè)顯示區(qū)<view> 指定寬高...等等</view>等等
要說(shuō)的是<view>是一個(gè)區(qū)塊沪停，意味著我們可以更自由的使用它煤辨。?
Wxml它的關(guān)鍵字由微信框架提供，這就是不同之處木张，即使你對(duì)HTML學(xué)的很好掷酗，也只是多了對(duì)書寫格式的熟悉，在這里還得重新學(xué),wxml中只能使用它所定制的組件窟哺。
現(xiàn)在說(shuō)一下怎么讓這偽頁(yè)面變成，半真頁(yè)面技肩，編輯代碼時(shí)因?yàn)镮DE不會(huì)自動(dòng)保存所以且轨，按Ctrl+s,保存一下。
在 button.js 中輸入 page 虚婿，之后我相信你會(huì)懂的旋奢。只添加page函數(shù)對(duì)他的其他生命周期函數(shù)不做任何改動(dòng)。
接下來(lái)在button.wxml中 添加
最后在最外層中找的app.json , 把文件路徑寫上然痊。
而要讓此文件中的內(nèi)容顯示出來(lái)至朗，必須要在最外層的app.json中聲明配置，而最關(guān)鍵的是app.json中第一行就是主頁(yè)面剧浸、 app.json 官方解
現(xiàn)在你去調(diào)試窗口重啟一下锹引，你的第一個(gè)頁(yè)面就出來(lái)了矗钟。
官方同名機(jī)制就在這里可以看到效果了，你不用去管button這文件里的四個(gè)文件嫌变，它也可以給你調(diào)用起來(lái)吨艇，如果文件名不相同你就需要多寫幾行引用。
總結(jié)一下：
看完我們知道了腾啥，想要?jiǎng)?chuàng)建出一個(gè)頁(yè)面东涡，控件，需要先創(chuàng)建一個(gè)外層文件倘待，然后在文件創(chuàng)建四個(gè)關(guān)鍵文件疮跑，他們的名字必須與外層文件相同。
重點(diǎn)學(xué)習(xí)javascript 凸舵，將大部分時(shí)間留在學(xué)習(xí)JavaScript中祖娘，將HTML CSS基礎(chǔ)知識(shí)過(guò)一遍 以后真使用到在進(jìn)行深入。
如果你有一定編程基礎(chǔ)贞间，可看一下?寫給Android/Java開發(fā)者的JavaScript精解(1)?贿条，如果沒有什么基礎(chǔ)也過(guò)一遍，真看起來(lái)費(fèi)力在去找基礎(chǔ)惡補(bǔ)增热。
wxml與js的關(guān)系是互相獨(dú)立的整以，這與HTML與javascript的關(guān)系是一模一樣的，唯一的不同就是必須要在js中寫page方法（函數(shù)）才能將wxml中的布局顯示出來(lái)并且不報(bào)錯(cuò)峻仇。
我學(xué)習(xí)java做android喜歡使用 方法 這一詞公黑，函數(shù)的話對(duì)于數(shù)學(xué)不好的人看著會(huì)頭疼吧，雖然程序中的函數(shù)與數(shù)學(xué)的函數(shù)沒什么親近的關(guān)系摄咆。
WXML可以借助官方文檔進(jìn)行研究凡蚜，也可以在GitHub上找一些小程序demo 現(xiàn)在已經(jīng)很多了。
當(dāng)然我也會(huì)每天更新一點(diǎn)關(guān)于微信小程序?qū)W習(xí)的理解吭从。
下一篇?小程序入門（2）淺析篇朝蜘，了解wxml與wxss的配合使用
