wechat小程序入門

聲明

這篇文章會很長很長，在學習的過程編寫，時間戳會打。
入門篇主要參考：
[簡易教程·小程序][1]
[1]https://mp.weixin.qq.com/debug/wxadoc/dev/

簡易教程

1. 獲取微信小程序的 AppID
   
   1. 登入你的小程序 ：
      https://mp.weixin.qq.com/
2. 創建項目
   
   1. 下載開發者工具：
      https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html
   2. 創建一個quick start項目
      開發者工具會幫助我們在開發目錄裏生成一個簡單的 demo。
3. 編寫代碼
   
   1. 創建小程序實例
      
      1. app.js 腳本文件
         小程序的腳本代碼。監聽並處理小程序的生命週期函數、聲明全局變量。調用框架提供的豐富的 API
      2. app.json 配置文件
         小程序的全局配置。配置小程序是由哪些頁面組成，配置小程序的窗口背景色，配置導航條樣式，配置默認標題。注意該文件不可添加任何註釋。
      3. app.wxss 樣式表文件
         小程序的公共樣式表。頁面組件的 class 屬性上直接使用 app.wxss 中聲明的樣式規則。
4. 創建頁面
   頁面都在 pages 目錄下。每一個頁面的【路徑+頁面名】都需要寫在 app.json 的 pages 中，且 pages 中的第一個頁面是小程序的首頁。
   每一個小程序頁面是由同路徑下同名的四個不同後綴文件的組成：
   index.js 腳本文件：
   監聽並處理頁面的生命週期函數、獲取小程序實例，聲明並處理數據，響應頁面交互事件等。
   index.json 配置文件：
   非必要的。當有頁面的配置文件時，配置項在該頁面會覆蓋 app.json 的 window 中相同的配置項。如果沒有指定的頁面配置文件，則在該頁面直接使用 app.json 中的默認配置。
   index.wxss 樣式表文件：
   非必要的。當有頁面樣式表時，頁面的樣式表中的樣式規則會層疊覆蓋 app.wxss 中的樣式規則。如果不指定頁面的樣式表，也可以在頁面的結構文件中直接使用 app.wxss 中指定的樣式規則。
   index.wxml 頁面結構文件：
   搭建頁面結構，綁定數據和交互處理函數。