微信小程序知識點 小程序開放平臺--管理 API Mock 小程序自動化

微信小程序helloword--官方

例如，你需要在界面上顯示地圖，你只需要這樣寫即可：

<map></map>
使用組件的時候，還可以通過屬性傳遞值給組件，讓組件可以以不同的狀態去展現，例如，我們希望地圖一開始的中心的經緯度是廣州，那麼你需要聲明地圖的 longitude（中心經度） 和 latitude（中心緯度）兩個屬性:

<map longitude="廣州經度" latitude="廣州緯度"></map>

小程序中的 JavaScript 是由ECMAScript 以及小程序框架和小程序 API 來實現的。同瀏覽器中的JavaScript 相比沒有 BOM 以及 DOM 對象，所以類似 JQuery、Zepto這種瀏覽器類庫是無法在小程序中運行起來的，同樣的缺少 Native 模塊和NPM包管理的機制，小程序中無法加載原生庫，也無法直接使用大部分的 NPM 包。

微信小程序框架--官方

微信小程序框架接口-官方同上

微信小程序開發工具--使用介紹

理解小程序宿主環境

小程序開放平臺--管理

微信小程序SSL證書用於HTTPS協議方法

微信小程序獲取用戶unionId

頁面跳轉數據傳遞

我們只需要實現一個商品詳情頁的pages/detail/detail.(代表WXML/WXSS/JS/JSON文件)即可，在列表頁打開商品詳情頁時把商品的id傳遞過來，詳情頁通過剛剛說的onLoad回調的參數option就可以拿到商品id，從而繪製出對應的商品，代碼如代碼清單3-9所示。

// pages/list/list.js
// 列表頁使用navigateTo跳轉到詳情頁
wx.navigateTo({ url: 'pages/detail/detail?id=1&other=abc' })

// pages/detail/detail.js
Page({
  onLoad: function(option) {
        console.log(option.id)
        console.log(option.other)
  }
})

補充一下，wx.navigateTo和wx.redirectTo只能打開非TabBar頁面，wx.switchTab只能打開Tabbar頁面。
我們還可以使用 wx. reLaunch({ url: 'pageH' }) 重啓小程序，並且打開pageH，此時頁面棧爲 [ pageH ]。

微信小程序 api

頁面跳轉、tab頁切換等、前後臺事件、網絡請求、文件下載、上傳、websocket、微信支付、數據緩存、地圖、登陸、賬戶信息等
微信小程序 api

小程序調試

小程序調試

wx.getUserInfo({complete:function(res){console.log(res)} })

API Mock

Mock 的入口在工具調試面板頂部的 Tab，點 + 新建規則

小程序自動化

小程序自動化