微信小程序簡述

  最近在公司實習,經理要求作一個微信小程序,晚上閒時來寫一下。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上的微信小程序資源彙總:

微信小程序開發資源彙總

相關文章
相關標籤/搜索