小程式基礎

　　小程式和普通網頁開發的區別

　　1.網頁開發渲染執行緒和指令碼執行緒是一個程式。而小程式是分開的，分別執行在不同的執行緒。

　　2.網頁開發可以操作DOM和BOM，小程式缺少DOM和BOM的方法。

　　3.小程式的執行環境與nodejs環境也不相同，所以一些npm的包在小程式中無法執行。

　　4.從小程式基礎版本2.2.1開始支援npm安裝第三方包。

　　小程式的開發流程

　　1.註冊小程式賬號

　　獲取AppID，官網註冊即可

　　透過微信公眾號註冊，條件是已有微信公眾號並且是企業級，個人不可以。優點是如果公眾號已經認證過了，小程式不需要再次認證，省去了認證的時間和費用

　　2.安裝最新版開發工具

　　3.開發/測試/上傳程式碼(上傳到微信伺服器)

　　4.提交稽核

　　5.釋出上線，釋出小程式之後，我們可以在微信中搜尋到我們開發的小程式。

　　6.錯誤查詢/效能監控 登入官網-開發-運維中心

　　wxss

　　1.小程式的尺寸單位rpx，可以根據螢幕寬度進行自適應，規定螢幕寬度750rpx。在iphone6上，螢幕寬度為375px

　　2.定義在app.wxss中的樣式為全域性樣式，它會被注入到每個小程式的每個頁面。在page的wxss檔案中定義的樣式為區域性樣式，只作用在對應頁面，並且會覆蓋app.xss中相同的配置

　　3.樣式匯入@import‘./test.wxss’

　　4.選擇器，.class,#id,element,::after,::before,view >image,

　　5.widthFix:縮放模式，寬度不變，高度自動變化，保持原圖寬高比不變

　　6.設定背景顏色需要在page{background：#ddd}

　　事件物件

　　1.事件物件可攜帶額外資訊，id，dataset

　　data-info="{{avatarUrl}}"

　　2.事件分類：冒泡，非冒泡

　　3.事件繫結：事件繫結的寫法同元件的屬性，key-value。Key以bind和catch開頭，然後跟上事件的型別，bindtap，catchtap(bind事件繫結不會阻止冒泡事件向上冒泡，catch事件繫結可以阻止冒泡事件向上冒泡)

　　4.事件物件—type代表事件的型別，timeStamp頁面開啟到觸發事件所經過的毫秒數，target觸發事件的源元件，currentTarget事件繫結的當前元件(id事件源元件的id，tagName當前元件的型別，dataset事件源元件上有data-開頭的自定義屬性組成的集合)

　　5.以data-開頭，多個單詞有連字元連結，不能有大寫(data-element-type會轉為elementType)

　　頁面跳轉

　　1.wx.switchTab 跳轉到tabBar頁面，並關閉其他所有的tabBar頁面

　　2.wx.navigate保留當前頁面，跳轉到應用內的某個頁面。

　　3.wx.navigateBack返回原頁面

　　頁面的生命週期

　　onLoad 監聽頁面載入 (只在頁面初始化時載入一次)

　　onShow監聽頁面顯示(每次顯示頁面都會執行)可以多次執行

　　onReady監聽頁面初始渲染完成

　　onHide 監聽頁面隱藏

　　onUnload 監聽頁面 解除安裝

　　轉發

　　只有在頁面js監聽了onShareAppMesage事件處理函式，右上角選單才會顯示“轉發”

　　自定義轉發內容

　　只需要在事件處理函式中return一個物件，例項如下

　　onShareAppMessage: function () {

　　return {

　　title:‘自定義轉發標題’,

　　path:’/pages/user?id=123’,

　　imageUrl:’’

　　}

　　}

　　預設轉發內容：如果我們沒有在事件處理函式中return一個物件，小程式會預設吧當前頁面的標題路徑一級頁面截圖返回