微信小程序知識

一、基礎知識

1.微信小程序適合做簡單的，用完即走的應用；

2.小程序適合做低頻的應用；

3.小程序適合要求不高的應用；

4.不適合用小程序的應用：知乎（社區類），YY直播（直播類），陰陽師（手遊類）；

    適合用小程序的應用：餓了麼（訂餐類），貓眼（電影訂票）；

5.

6.學習小程序的基礎：JavaScript、ES6、css；

7.小程序開發環境以及開發工具：

開發工具下載地址：http://t.cn/rvkhohs；

8.小程序開發要及時看開發文檔；

9.沒有小程序號的限制：

a、不能上傳和發佈小程序；

b、不能真機運行，只能在PC上模擬運行；

c、錄音、網絡狀態、羅盤、撥打電話等功能不能實現；

d、獲取的信息是模擬的；

二、進階

1.小程序中只有四種文件：

.js -------- 腳本文件：頁面的交互邏輯均在此頁面中進行
json ------ 配置文件：用於設置程序的配置效果
.wxml ---- 頁面結構文件：書寫控件，構建頁面
wxss ----- 樣式文件：類似於css樣式，用於美化頁面

2.以下三個文件比較重要，作下解釋

app.js
app.json
app.wxss

app.js

每個小程序工程中，有且僅有一個app.js文件，用於處理程序的生命週期等，位於項目的根目錄下。
生命週期函數主要有：

onLaunch: function () {
        //監聽小程序初始化-小程序初始化完成時，會觸發，且只會觸發一次。
    },
 onShow: function () {
        //監聽小程序顯示-小程序啓動或從後臺進入前臺，會觸發。
    },
onHide: function () {
        //監聽小程序隱藏-小程序從前臺進入後臺，會觸發。
    },

app.json

使用app.json對程序進行全局配置，如：文件的路徑、窗口表現、設置網絡超時時間、設置多 tab 等。

{
  "pages": [
    "pages/index/index"//可以在這裏寫上路徑，可自動生成頁面文件。
  ],
  "window": {
    "navigationBarTitleText": "Demo"//可設置窗體的背景顏色等。
  },
  "tabBar": {//底部tabBar
    "list": [{
      "pagePath": "pages/index/index",
      "text": "首頁",
      "iconPath": "images/tab_income.png",//設置圖片
      "selectedIconPath": "images/tab_income_selected.png"//選中後的圖片
    }, {
      "pagePath": "pages/logs/logs",
      "text": "日誌"
    }]
  },
  "networkTimeout": {
    "request": 10000,
    "downloadFile": 10000
  },
  "debug": true
}

app.wxss

和css樣式很相似，多了兩個特性

尺寸單位: 主要用rpx，可以根據屏幕寬度進行自適應
樣式導入：使用@import可引入外聯樣式表，句尾用分號隔開
如：
@import "common.wxss";

3.微信小程序API：https://developers.weixin.qq.com/miniprogram/dev/api/；

4.wxml是編寫小程序骨架的文件；

5.*.json文件儘量不要加註釋，容易出錯；

6.框架

小程序開發框架的目標是通過儘可能簡單、高效的方式讓開發者可以在微信中開發具有原生 APP 體驗的服務。

框架提供了自己的視圖層描述語言 WXML 和 WXSS，以及基於 JavaScript 的邏輯層框架，並在視圖層與邏輯層間提供了數據傳輸和事件系統，讓開發者能夠專注於數據與邏輯。