小程序初體驗

  最近發現關注的公衆號好多都有了本身的小程序，鑑於小程序剛起步，我的的帳號也能夠進行開發，我的微信公衆號就開發的權限很小，因此就想試試看小程序的開發過程。

  開發小程序的前期準備大體是先註冊一個公衆號，而後獲取一個微信小程序的AppID，而後在設置的開發者設置裏面查詢要這個AppID。使用這個AppID就能夠在開發者工具上進行小程序開發建立了。若是不適用AppID建立小程序，有些功能是會受到限制的。

  在一個空文件夾下建立一個小程序，選擇quick start會自動建立一個簡單的demo，能夠直接在上面修改代碼。

  小程序的工程基本結構爲app.js,app.json,app.wxss和一個pages文件夾。

  app.js是小程序的腳本文件，在這個文件中監聽並處理小程序的生命週期函數，全局變量。調用框架提供的API。舒適小程序提供了不少的API，很方便。

  app.json是一個全局配置文件，能夠設置小程序有哪些頁面，窗口背景色，tab等。具體配置能夠看文檔，重點是小程序所使用到的頁面都須要在json文件裏面進行配置後才能夠用。

  app.wxss是公共樣式表，是微信小程序上用的css文件。用法和通常的css差很少。

  pages文件夾裏面放的是具體的頁面，每一個頁面獨立成一個文件夾，頁面裏面還能夠嵌套頁面。每一個頁面文件夾裏面有js,json,wxml和wxss四個文件，其中，js文件爲腳本編寫文件，頁面具體的方法都是寫在這裏，json是具體頁面的配置文件，如同app.json文件，不過只設置window裏面的具體內容，好比頁面標題，樣式等。wxml文件如同html文件，寫具體的頁面結構。wxss是頁面具體的樣式，會覆蓋app.wxss裏面的樣式。

  小程序和普通的html寫頁面是同樣的，頁面，行爲，樣式等。但小程序寫法比較明顯的特色是更組件化。裏面的每個標籤都是一個組件，好比view,form，這些組件綁定的屬性和方法甚至是樣式均可以做爲data保存在js文件裏面。經過{{}}的方式來進行讀取，在js裏面能夠用setData的方法來修改這些data。這種寫法和如今的react或者vue等框架都有必定的類似。

  小程序有個很大的有點是提供不少的API，這些API能夠幫助完成不少事，在微信的支持下，能夠完成視頻，音頻，定位，存儲，動畫，繪圖等等事件。非我的的公衆號開通微信支付後，製做一個購物的小型app是徹底ok的。

  這裏只是簡單的介紹微信小程序，不算教程，具體實踐才知道小程序的優缺點。我目前只簡單的寫了一個連接外部的查詢功能的小程序，以後再增長功能，進行更多實踐。

小程序搜索：cathy的生活小工具