最近在公司實習,經理要求作一個微信小程序,晚上閒時來寫一下。css
微信小程序問世沒多久,但毋庸置疑的是在不久的未來,它能夠替代掉不少的APP。我的認爲它的優點在於佔用資源少,能夠作到即用即走,對於一些使用頻率不是很高的APP來講,使用相應的小程序會方便不少。html
要進行微信小程序的開發:java
1.首先得註冊一個開發者的帳號,能夠到微信公衆平臺進行註冊,選擇註冊的帳號類型爲小程序,進行相應的註冊後便可進行之後的操做git
2.下載微信Web開發者工具,進行相應的安裝,具體的安裝過程在這兒就不詳細說了github
打開微信Web開發者工具,能夠用手機掃描二維碼進行登陸json
登陸後有如下兩種選項,在這兒我選擇本地小程序項目小程序
能夠添加項目,也能夠打開之前的項目,在這兒我添加一個項目微信小程序
AppID的話能夠填寫,也能夠不填寫,但不填寫部分功能可能會受到限制,項目目錄能夠選擇一個已有的項目,若是沒有,能夠新建一個空的目錄,若是是空的目錄,會出現「在當前目錄中建立 quick start 項目」這一句話,會默認建立quick start項目,而後添加項目。微信
這就是開發工具的總體佈局app
下面來說一講小程序的結構,每一個小程序包含pages、app.js、app.json、app.wxss。
pages中包含若干個page,一個page表明一個頁面,page中包含*.js、*.json、 *.wxml、 *.wxss文件, *.wxml、 *.wxss相似於html和css,分別爲頁面結構文件和樣式表文件,*.js爲腳本文件,*.json爲配置文件。固然這四個文件中只有*.js文件和*.xml文件是必須的,其它兩個無關緊要。
app.js爲小程序的入口,是小程序的腳本代碼,能夠監聽並處理小程序的生命週期函數,以及聲明全局變量等。
app.json爲小程序的全局配置文件,能夠配置小程序是由哪些頁面組成,窗口背景色,導航欄樣式等等,每一個頁面都要在app.json的pages中註冊,例如在這兒有兩個頁面,一個是index,另一個是logs,註冊信息以下
app.wxss是小程序的公共樣式表,爲小程序定義相應的樣式。
小程序的框架的核心是一個數據綁定系統,分爲視圖層和邏輯層,即將數據層和邏輯層進行綁定,只在邏輯層修改數據,視圖層便會進行相應的更新。
要學習微信小程序,開發文檔必不可少,在簡易教程中,咱們能夠進行相應組件和API的學習,小程序封裝了許多API,也爲開發帶來了許多便利。
最後補充一下,知乎大神們提供的開發資料:
GitHub上的微信小程序資源彙總: