一风秤、創(chuàng)建一個頁面
1.首先我們新建一個項(xiàng)目，在新建的項(xiàng)目中有index 頁面和 logs 頁面扮叨，即歡迎頁和小程序啟動日志的展示頁缤弦，他們都在 pages 目錄下。微信小程序中的每一個頁面的【路徑+頁面名】都需要寫在 app.json 的 pages 中彻磁，且 pages 中的第一個頁面是小程序的首頁碍沐。
每一個小程序頁面是由同路徑下同名的四個不同后綴文件的組成，如：index.js衷蜓、index.wxml累提、index.wxss、index.json磁浇。.js后綴的文件是腳本文件斋陪，.json后綴的文件是配置文件，.wxss后綴的是樣式表文件，.wxml后綴的文件是頁面結(jié)構(gòu)文件无虚。
好了缔赠，然后我們新建一個自己的頁面，首先建一個文件夾（myPage）友题，在文件夾下創(chuàng)建對應(yīng)的布局文件（myPage.wxml）和js文件（myPage.js）嗤堰，最后記得在app.json中配置頁面信息，在app.json中需要注意了度宦，在pages的數(shù)組里踢匣，第一個代表著啟動時第一個加載的頁面
2.然后進(jìn)入調(diào)試界面，點(diǎn)擊重啟按鈕戈抄，看下效果离唬，會發(fā)現(xiàn)在控制臺中彈出了報錯的信息，如下：
3.看報錯的信息呛凶，很清楚的知道在myPage.js文件中沒有找到Page方法男娄，因此我們在myPage.js文件中調(diào)用Page方法，然后調(diào)試漾稀，重啟模闲，就會發(fā)現(xiàn)不報錯了！
4.好了崭捍，在第一點(diǎn)中也說到尸折，在app.json中pages的數(shù)組里，第一個代表著啟動時第一個加載的頁面殷蛇，那好我們把順序調(diào)轉(zhuǎn)一下实夹，就可以驗(yàn)證我們的結(jié)論了
建議看官方的教程：https://mp.weixin.qq.com/debug/wxadoc/dev/
二、組件的使用和數(shù)據(jù)的綁定
1.要了解微信小程序組件的使用粒梦，最好的方法就是查看微信小程序的API文檔：https://mp.weixin.qq.com/debug/wxadoc/dev/component/
可以看到API文檔詳細(xì)的介紹了各種組件的使用亮航，要熟悉組件的使用，最好的方式就是多練了!
2.看著文檔匀们，把官方文檔的例子直接貼進(jìn)來缴淋，然后我們也創(chuàng)建一個text組件，看看效果先吧：
結(jié)合代碼進(jìn)行分析：
js代碼：
三泄朴、渲染標(biāo)簽
微信小程序給我提供了兩種渲染標(biāo)簽：
1.判斷標(biāo)簽wx:if和wx:else
雖然之前沒有接觸過js重抖，可是代碼也挺容易理解的，邏輯思維跟Android還是有點(diǎn)像祖灰，不過想學(xué)好钟沛，還是要學(xué)下js的，所以最近我也會學(xué)下js
最后我們看下效果圖吧局扶，可以看到當(dāng)位true的時候就顯示1 false時顯示2
2.循環(huán)標(biāo)簽（wx:for）
看下循環(huán)標(biāo)簽在布局文件中的使用吧
看下效果圖：
四恨统、樣式模板的使用
從上面的代碼就可以看到叁扫，一個界面可能會用到很多布局的代碼，可是界面與界面之間可能會有很多重復(fù)的樣式延欠，然而這些樣式的代碼陌兑，每次都要重新寫就很麻煩了，而且也浪費(fèi)資源由捎，微信小程序像其他開發(fā)一樣兔综，也有樣式模板的使用方式
1.使用include的方式包含模板樣式
例如：<include src="../templates/myText" />
具體的使用看圖片：
使用這種方式引用模板，實(shí)際上就是等同于把templates中的myText的代碼全部復(fù)制到include這里
2.使用import的方式
例如：
<!--模板樣式的使用 底部樣式-->
<import src="../templates/footer" />
<template is="footer1" />
最后看下效果圖：
