wx.request 發(fā)起網(wǎng)絡(luò)請(qǐng)求
wx.uploadFile 上傳文件
wx.downloadFile 下載文件
wx.connectSocket 創(chuàng)建 WebSocket 連接
wx.onSocketOpen 監(jiān)聽 WebSocket 打開
wx.onSocketError 監(jiān)聽 WebSocket 錯(cuò)誤
wx.sendSocketMessage 發(fā)送 WebSocket 消息
wx.onSocketMessage 接受 WebSocket 消息
wx.closeSocket 關(guān)閉 WebSocket 連接
wx.onSocketClose 監(jiān)聽 WebSocket 關(guān)閉

wx.chooseImage 從相冊(cè)選擇圖片，或者拍照
wx.previewImage 預(yù)覽圖片
wx.startRecord 開始錄音
wx.stopRecord 結(jié)束錄音
wx.playVoice 播放語(yǔ)音
wx.pauseVoice 暫停播放語(yǔ)音
wx.stopVoice 結(jié)束播放語(yǔ)音
wx.getBackgroundAudioPlayerState 獲取音樂(lè)播放狀態(tài)
wx.playBackgroundAudio 播放音樂(lè)
wx.pauseBackgroundAudio 暫停播放音樂(lè)
wx.seekBackgroundAudio 控制音樂(lè)播放進(jìn)度
wx.stopBackgroundAudio 停止播放音樂(lè)
wx.onBackgroundAudioPlay 監(jiān)聽音樂(lè)開始播放
wx.onBackgroundAudioPause 監(jiān)聽音樂(lè)暫停
wx.onBackgroundAudioStop 監(jiān)聽音樂(lè)結(jié)束
wx.chooseVideo 從相冊(cè)選擇視頻，或者拍攝

wx.saveFile 保存文件
wx.getSavedFileList 獲取已保存的文件列表
wx.getSavedFileInfo 獲取已保存的文件信息
wx.removeSavedFile 刪除已保存的文件信息
wx.openDocument 打開文件

wx.getStorage 獲取本地?cái)?shù)據(jù)緩存
wx.getStorageSync 獲取本地?cái)?shù)據(jù)緩存
wx.setStorage 設(shè)置本地?cái)?shù)據(jù)緩存
wx.setStorageSync 設(shè)置本地?cái)?shù)據(jù)緩存
wx.getStorageInfo 獲取本地緩存的相關(guān)信息
wx.getStorageInfoSync 獲取本地緩存的相關(guān)信息
wx.removeStorage 刪除本地緩存內(nèi)容
wx.removeStorageSync 刪除本地緩存內(nèi)容
wx.clearStorage 清理本地?cái)?shù)據(jù)緩存
wx.clearStorageSync 清理本地?cái)?shù)據(jù)緩存

wx.getLocation 獲取當(dāng)前位置
wx.chooseLocation 打開地圖選擇位置
wx.openLocation 打開內(nèi)置地圖
wx.createMapContext 地圖組件控制

wx.getNetworkType 獲取網(wǎng)絡(luò)類型
wx.onNetworkStatusChange 監(jiān)聽網(wǎng)絡(luò)狀態(tài)變化
wx.getSystemInfo 獲取系統(tǒng)信息
wx.getSystemInfoSync 獲取系統(tǒng)信息
wx.onAccelerometerChange 監(jiān)聽加速度數(shù)據(jù)
wx.startAccelerometer 開始監(jiān)聽加速度數(shù)據(jù)
wx.stopAccelerometer 停止監(jiān)聽加速度數(shù)據(jù)
wx.onCompassChange 監(jiān)聽羅盤數(shù)據(jù)
wx.startCompass 開始監(jiān)聽羅盤數(shù)據(jù)
wx.stopCompass 停止監(jiān)聽羅盤數(shù)據(jù)
wx.setClipboardData 設(shè)置剪貼板內(nèi)容
wx.getClipboardData 獲取剪貼板內(nèi)容
wx.makePhoneCall 撥打電話
wx.scanCode 掃碼

wx.showToast 顯示提示框
wx.showLoading 顯示加載提示框
wx.hideToast 隱藏提示框
wx.hideLoading 隱藏提示框
wx.showModal 顯示模態(tài)彈窗
wx.showActionSheet 顯示菜單列表
wx.setNavigationBarTitle 設(shè)置當(dāng)前頁(yè)面標(biāo)題
wx.showNavigationBarLoading 顯示導(dǎo)航條加載動(dòng)畫
wx.hideNavigationBarLoading 隱藏導(dǎo)航條加載動(dòng)畫
wx.navigateTo 新窗口打開頁(yè)面
wx.redirectTo 原窗口打開頁(yè)面
wx.switchTab 切換到 tabbar 頁(yè)面
wx.navigateBack 退回上一個(gè)頁(yè)面
wx.createAnimation 動(dòng)畫
wx.createContext 創(chuàng)建繪圖上下文
wx.drawCanvas 繪圖
wx.stopPullDownRefresh 停止下拉刷新動(dòng)畫

wx.createSelectorQuery 創(chuàng)建查詢請(qǐng)求
selectorQuery.select 根據(jù)選擇器選擇單個(gè)節(jié)點(diǎn)
selectorQuery.selectAll 根據(jù)選擇器選擇全部節(jié)點(diǎn)
selectorQuery.selectViewport 選擇顯示區(qū)域
nodesRef.boundingClientRect 獲取布局位置和尺寸
nodesRef.scrollOffset 獲取滾動(dòng)位置
nodesRef.fields 獲取任意字段
selectorQuery.exec 執(zhí)行查詢請(qǐng)求

wx.login 登錄
wx.getUserInfo 獲取用戶信息
wx.chooseAddress 獲取用戶收貨地址
wx.requestPayment 發(fā)起微信支付
wx.addCard 添加卡券
wx.openCard 打開卡券

1. .wxml
    ---是框架設(shè)計(jì)的一套標(biāo)簽語(yǔ)言，結(jié)合基礎(chǔ)組件，事件系統(tǒng)，可以構(gòu)建出頁(yè)面的結(jié)構(gòu)，內(nèi)部主要是微信自己定義的一套組件。
2. .wxss
    ---是一套樣式語(yǔ)言，用于描述wxml的組件樣式
3. .js
    ---是邏輯處理，網(wǎng)絡(luò)請(qǐng)求
4. .json
    --- 而文件會(huì)報(bào)錯(cuò)小恒旭設(shè)置，如頁(yè)面注冊(cè)，頁(yè)面標(biāo)題及tabBar
5. app.json
    ---必須要有這個(gè)文件，因?yàn)槲⑿趴蚣馨堰@個(gè)文件作為配置文件入口，整個(gè)小程序的全局配置，包括頁(yè)面注冊(cè)，網(wǎng)絡(luò)配置，以及小程序的window背景色，配置導(dǎo)航條樣式，配置默認(rèn)標(biāo)題。
    pages字段 —— 用于描述當(dāng)前小程序所有頁(yè)面路徑，這是為了讓微信客戶端知道當(dāng)前你的小程序頁(yè)面定義在哪個(gè)目錄。
    window字段 —— 小程序所有頁(yè)面的頂部背景顏色，文字顏色定義在這里的
    tab字段—小程序全局頂部或底部tab
6. app.js---可以在這個(gè)文件中監(jiān)聽并處理小程序的生命周期函數(shù)，聲明全局變量

1.將所有的接口放在統(tǒng)一的js文件中并導(dǎo)出
2.在app.js中創(chuàng)建封裝請(qǐng)求數(shù)據(jù)的方法
3.在子頁(yè)面中調(diào)用封裝的方法請(qǐng)求數(shù)據(jù)

1.在根目錄下創(chuàng)建utils目錄及api.js文件和apiConfig.js文件；
2.在apiConfig.js 封裝基礎(chǔ)的get, post 和 put， upload等請(qǐng)求方法，設(shè)置請(qǐng)求體，帶上token和異常處理等；
3.在api中引入apiConfig.js封裝好的請(qǐng)求方法，根據(jù)頁(yè)面數(shù)據(jù)請(qǐng)求的urls, 設(shè)置對(duì)應(yīng)的方法并導(dǎo)出；
4.在具體的頁(yè)面中導(dǎo)入；

1.給html元素添加data-*屬性來(lái)傳遞我們需要的值，然后通過(guò)e.currentTarget.dataset或者是onload的param參數(shù)獲取，但data-名稱 不能有大寫字母和不可存放對(duì)象
2.設(shè)置id的方法標(biāo)識(shí)來(lái)傳值，通過(guò)e.currentTarget.id獲取設(shè)置的id的值，然后通過(guò)設(shè)置全局對(duì)象的方式傳遞數(shù)值
3.在navigator中添加參數(shù)傳值

1.提高頁(yè)面加載速度
2.用戶行為預(yù)測(cè)
3.減少默認(rèn)data的大小
4.組件化方案

小程序除了擁有公眾號(hào)的地開發(fā)成本，無(wú)需下載等優(yōu)勢(shì)，在服務(wù)請(qǐng)求延時(shí)與用戶使用體驗(yàn)是都得到了較大幅度的提升，使其能夠承載跟復(fù)雜的服務(wù)功能以及用戶獲得更好的體驗(yàn)。

小程序本質(zhì)就是一個(gè)單頁(yè)面應(yīng)用，所有的頁(yè)面渲染和事件處理，都在一個(gè)頁(yè)面內(nèi)進(jìn)行，但又可以通過(guò)微信客戶端調(diào)用原生的各種接口；
它的架構(gòu)，是數(shù)據(jù)驅(qū)動(dòng)的架構(gòu)模式，它的UI和數(shù)據(jù)是分離的，所有的頁(yè)面更新，都需要通過(guò)對(duì)數(shù)據(jù)的更改來(lái)實(shí)現(xiàn)；
它從技術(shù)講和現(xiàn)有的前端開發(fā)差不多，采用JavaScript、WXML、WXSS三種技術(shù)進(jìn)行開發(fā)；
功能可分為webview和appService兩個(gè)部分；
webview用來(lái)展現(xiàn)UI，appService有來(lái)處理業(yè)務(wù)邏輯、數(shù)據(jù)及接口調(diào)用；
兩個(gè)部分在兩個(gè)進(jìn)程中運(yùn)行，通過(guò)系統(tǒng)層JSBridge實(shí)現(xiàn)通信，實(shí)現(xiàn)UI的渲染、事件的處理等。

優(yōu)勢(shì)：
1.無(wú)需下載，通過(guò)搜索或者掃一掃就可以打開；2.良好的用戶體驗(yàn)，打開速度快
3.開發(fā)成本比app低；4.安卓上可以添加到桌面，與原生app差不多；5.為用戶提供良好的安全保障

劣勢(shì)：
1.限制較多，頁(yè)面大小不能超過(guò)1M,不能打開超過(guò)五個(gè)層級(jí)的頁(yè)面；
2.樣式單一；3.推廣面窄，不能分享到朋友圈，只能分享給朋友；
4.依托于微信，無(wú)法開發(fā)后臺(tái)管理功能

1.運(yùn)行環(huán)境的不同---h5的運(yùn)行環(huán)境是瀏覽器，而微信小程序的運(yùn)行環(huán)境是微信開發(fā)團(tuán)隊(duì)基于瀏覽器內(nèi)核完全重構(gòu)的一個(gè)內(nèi)置解析器，針對(duì)小程序?qū)ｉT做了優(yōu)化，配合自己定義的開發(fā)語(yǔ)言標(biāo)準(zhǔn)
2.開發(fā)成本的不同---微信小程序只在微信中運(yùn)行，所以不用去顧慮瀏覽器兼容性問(wèn)題
3.獲取系統(tǒng)權(quán)限的不同---系統(tǒng)級(jí)權(quán)限都可以和微信小程序無(wú)縫銜接
4.生產(chǎn)環(huán)境的運(yùn)行流暢度

app.js:
    success:function(info){
        that.apirtnCallback(info)
    }
index.js:
    onLoad:function(){
        app.apirtnCallback=res=>{
            console.log(res)
        }
    }

小程序必須用this.setData({msg:'111'})方法來(lái)將數(shù)據(jù)同步到視圖

都是用來(lái)描述頁(yè)面的樣子；
WXSS 具有 CSS 大部分的特性，也做了一些擴(kuò)充和修改；
WXSS新增了尺寸單位，WXSS 在底層支持新的尺寸單位 rpx；
WXSS 僅支持部分 CSS 選擇器；
WXSS 提供全局樣式與局部樣式1.wxss的圖片引入需要使用外鏈地址；2.沒(méi)有body,樣式可直接使用import導(dǎo)入

使用ax.getUserInfo方法的withCredential為true時(shí)，可獲取encryptedData,里面有union_id,
如果開發(fā)者擁有多個(gè)移動(dòng)應(yīng)用、網(wǎng)站應(yīng)用、和公眾帳號(hào)（包括小程序），可通過(guò) unionid 來(lái)區(qū)分用戶的唯一性，因?yàn)橹灰峭粋€(gè)微信開放平臺(tái)帳號(hào)下的移動(dòng)應(yīng)用、網(wǎng)站應(yīng)用和公眾帳號(hào)（包括小程序），用戶的 unionid 是唯一的。換句話說(shuō)，同一用戶，對(duì)同一個(gè)微信開放平臺(tái)下的不同應(yīng)用，unionid 是相同的

用view代替scroll-view，設(shè)置onPullDownRefresh函數(shù)實(shí)現(xiàn)

1.數(shù)據(jù)的大小有限制，超過(guò)范圍會(huì)直接導(dǎo)致整個(gè)小程序崩潰，除非重啟；
2.小程序不可以直接渲染文章內(nèi)容頁(yè)這類型的html文本內(nèi)容，若需顯示要借住插件，但插件渲染會(huì)導(dǎo)致頁(yè)面加載變慢

1.循環(huán)遍歷的時(shí)候：小程序是wx:for="list",而Vue是v-for="info in list"
2.調(diào)用data模型的時(shí)候：小程序是this.data.uinfo,而vue是this.unifo,給模型賦值也不一樣，小程序是this.setData({unifo:1}),而Vue是直接this.unifo=1

1、微信小程序有代碼大小限制，微信小程序最大為2M
2、提高代碼的復(fù)用率

通過(guò)WXML的import和include來(lái)使用文件模版
使用WXSS的@import引用WXSS文件
使用JS的require來(lái)引用JS文件

wx:if是遇到true的時(shí)候顯示，hidden是遇到false的時(shí)候顯示
wx:if在隱藏的時(shí)候不渲染，而hidden在隱藏的時(shí)候仍然渲染，只是不顯示
頻繁切換的話，用wx:if將會(huì)消耗更多的資源，因?yàn)槊看纬尸F(xiàn)的時(shí)候他都會(huì)渲染，每次隱藏的時(shí)候，他都會(huì)銷毀。
如果切換并不頻繁的話，用 wx:if 相對(duì)來(lái)說(shuō)較好些，因?yàn)樗鼤?huì)避免初始就一下渲染那么多。

微信小程序新定義了一個(gè)尺寸單位，可以適配不同分辨率的屏幕，它規(guī)定屏幕寬為750rpx，如在 iPhone6 上，屏幕寬度為375px，共有750個(gè)物理像素，則750rpx = 375px =750物理像素，1rpx = 0.5px = 1物理像素。

onLoad() 頁(yè)面加載時(shí)觸發(fā)，只會(huì)調(diào)用一次，可獲取當(dāng)前頁(yè)面路徑中的參數(shù)。
onShow() 頁(yè)面顯示/切入前臺(tái)時(shí)觸發(fā)，一般用來(lái)發(fā)送數(shù)據(jù)請(qǐng)求；
onReady() 頁(yè)面初次渲染完成時(shí)觸發(fā), 只會(huì)調(diào)用一次，代表頁(yè)面已可和視圖層進(jìn)行交互。
onHide() 頁(yè)面隱藏/切入后臺(tái)時(shí)觸發(fā), 如底部 tab 切換到其他頁(yè)面或小程序切入后臺(tái)等。
onUnload() 頁(yè)面卸載時(shí)觸發(fā)，如redirectTo或navigateBack到其他頁(yè)面時(shí)。

一個(gè)應(yīng)用同時(shí)只能打開5個(gè)頁(yè)面，當(dāng)已經(jīng)打開了5個(gè)頁(yè)面之后，wx.navigateTo不能正常打開新頁(yè)面。請(qǐng)避免多層級(jí)的交互方式，或者使用wx.redirectTo

background-image：可以使用網(wǎng)絡(luò)圖片，或者 base64，或者使用<image/>標(biāo)簽

相同點(diǎn)：首先他們都是作為點(diǎn)擊事件，就是點(diǎn)擊時(shí)觸發(fā)
不同點(diǎn)：主要是bindtap不會(huì)阻止冒泡事件，而catchtap會(huì)阻止冒泡

wx.navigateTo()：保留當(dāng)前頁(yè)面，跳轉(zhuǎn)到應(yīng)用內(nèi)的某個(gè)頁(yè)面。但是不能跳到 tabbar 頁(yè)面
wx.redirectTo()：關(guān)閉當(dāng)前頁(yè)面，跳轉(zhuǎn)到應(yīng)用內(nèi)的某個(gè)頁(yè)面。但是不允許跳轉(zhuǎn)到 tabbar 頁(yè)面
wx.switchTab()：跳轉(zhuǎn)到 abBar 頁(yè)面，并關(guān)閉其他所有非 tabBar 頁(yè)面
wx.navigateBack()關(guān)閉當(dāng)前頁(yè)面，返回上一頁(yè)面或多級(jí)頁(yè)面。可通過(guò) getCurrentPages() 獲取當(dāng)前的頁(yè)面棧，決定需要返回幾層
wx.reLaunch()：關(guān)閉所有頁(yè)面，打開到應(yīng)用內(nèi)的某個(gè)頁(yè)面

個(gè)人認(rèn)為，如果是新項(xiàng)目，且沒(méi)有舊的 h5 項(xiàng)目遷移，則考慮用小程序原生開發(fā)，好處是相比于第三方框架，坑少。
而如果有 老的 h5 項(xiàng)目是 vue 開發(fā) 或者 也有 h5 項(xiàng)目也需要小程序開發(fā)，則比較適合 wepy 或者 mpvue 來(lái)做遷移或者開發(fā)，近期看wepy幾乎不更新了，所以推薦美團(tuán)的mpvue。
而如果如果團(tuán)隊(duì)前端強(qiáng)大，自己做一套框架也沒(méi)問(wèn)題。

都是用來(lái)描述頁(yè)面的結(jié)構(gòu)；
都由標(biāo)簽、屬性等構(gòu)成；
標(biāo)簽名字不一樣，且小程序標(biāo)簽更少，單一標(biāo)簽更多；
多了一些 wx:if 這樣的屬性以及 {{ }} 這樣的表達(dá)式
WXML僅能在微信小程序開發(fā)者工具中預(yù)覽，而HTML可以在瀏覽器內(nèi)預(yù)覽
組件封裝不同， WXML對(duì)組件進(jìn)行了重新封裝，
小程序運(yùn)行在JS Core內(nèi)，沒(méi)有DOM樹和window對(duì)象，小程序中無(wú)法使用window對(duì)象和document對(duì)象。

1.域名必須是HTTPS
2. input組件placeholder字體顏色
3. wx.navigateTo無(wú)法跳轉(zhuǎn)到帶tabbar的頁(yè)面
4. tabbar在切換時(shí)頁(yè)面數(shù)據(jù)無(wú)法刷新
5.如何去掉自定義button灰色的圓角邊框
6.input textarea是APP的原生組件，z-index層級(jí)最高
7.一段文字如何換行
8.設(shè)置最外層標(biāo)簽的margin-bottom在IOS下不生效
9.小程序中canvas的圖片不支持base64格式
10.回到頁(yè)面頂部
11.wx.setStorageSync和wx.getStorageSync報(bào)錯(cuò)問(wèn)題
12.如何獲取微信群名稱？
13.new Date跨平臺(tái)兼容性問(wèn)題
14.wx.getSystemInfoSync獲取windowHeight不準(zhǔn)確
15.圖片本地資源名稱，盡量使用小寫命名

let options=wx.getLanchOptionsSync()

由于此方法調(diào)用頻繁，不需要時(shí)，可以去掉，不要保留空方法，并且使用onPageScroll時(shí)，盡量避免使用setData()，盡量減少setData()的使用頻次。

使用setData(data, callback)，在callback回調(diào)方法中添加后續(xù)操作代碼

像wx.setStorageSync這種以Sync結(jié)尾的API為同步API，使用時(shí)使用try-catch來(lái)查看異常，如果判定API為異步，可以在其回調(diào)方法success、fail、complete中進(jìn)行下一步操作。

1.判斷用戶是否登陸過(guò)，如果已經(jīng)登陸過(guò)，則直接獲取個(gè)人信息進(jìn)入主頁(yè)
2.未登錄則引導(dǎo)登錄，直接跳轉(zhuǎn)到登錄頁(yè)面，封裝方法獲取code值，調(diào)用wx.login()方法,獲取到用戶信息登陸成功就跳轉(zhuǎn)到個(gè)人主頁(yè)
//獲取code
wx.login({
    success:function(result){
        console.log(result)
        wx.request({
            url:'/login',
            data:{
                code:result.code
            },
            success:function(myres){
                if(myres.state==='登錄成功'){
                    wx.setStorageSync('isLogin',true)
                    wx.navigateBack()
                }else{
                    wx.showToast({
                        title:''
                    })
                }
            }
        })
    }
})

1.小程序調(diào)用登錄接口獲取code，傳遞給商戶服務(wù)器用來(lái)獲取用戶的openId
  小程序調(diào)用wx.login()獲取臨時(shí)憑證code,并回轉(zhuǎn)到開發(fā)者服務(wù)器，開發(fā)者服務(wù)器以code換取用戶唯一表示openid和會(huì)話密鑰session_key
getToken:function(){
    wx.login({
    success:function(res){
            var code=res.code
            wx.request({
                url:商戶服務(wù)器接口地址，
                data:{
                    code:code
                },
                method:'POST',
                success:function(res){
                    wx.setStorageSync('token',res.data)
                },
                fail:function(res){
                conso.sole.log(res.data)
                }
            })
        }
    })
}
2.token的生成以及緩存
3.調(diào)用統(tǒng)一下單接口，獲取prepay_id再次簽名
4.小程序獲取五個(gè)參數(shù)后，鑒權(quán)調(diào)起支付
1).下載微信JS-SDK：2).調(diào)用統(tǒng)一下單api3).再次簽名
5.支付回調(diào),實(shí)際上我們需要重寫WxPayNotify類的Not