作者：沃普，來自公眾號：宏記；二維碼為：

一：客戶端發(fā)起調(diào)用接口請求wx.request之get/post

get 一般是默認(rèn)方式，post得進(jìn)行設(shè)置 兩者不同其中一個(gè)表現(xiàn)為傳參不同

如前端發(fā)起調(diào)用接口請求，后臺接口不到，從以下幾個(gè)方面進(jìn)行檢查：

1.首先確認(rèn)前端調(diào)用方式是get還是post，后臺接口相應(yīng)響應(yīng)的接口也要對應(yīng)get或post

2.其次參數(shù)是否對應(yīng)得上，前端封裝的參數(shù)格式是否符合后臺接口接收參數(shù)的定義（如下方的參數(shù)是否加“data:{}”層）

3.一種調(diào)用接口是否通的方式：把后臺接口定義為get方式，并在接口函數(shù)設(shè)置斷點(diǎn)，后直接把前端請求的URL復(fù)制到瀏覽器的地址欄中進(jìn)行訪問，即可進(jìn)行斷點(diǎn)調(diào)試

（特別要注意變?yōu)間et方式，瀏覽器是不支持post方式的）

如 前端調(diào)用：

封裝函數(shù)：

傳參調(diào)用：

后臺接口：

后臺參數(shù)格式：

重度封裝：

二：事件觸發(fā)順序

事件分類

touchstart 手指觸摸

touchmove 手指觸摸后移動(dòng)

touchcancel 手指觸摸動(dòng)作被打斷，如彈窗和來電提醒

touchend 手指觸摸動(dòng)作結(jié)束

tap 手指觸摸后離開

longtap 手指觸摸后后，超過350ms離開

1.單擊

單擊事件由touchstart、touchend組成,touchend后觸發(fā)tap事件。

2.雙擊

雙擊事件由兩個(gè)單擊事件組成，兩次間隔時(shí)間小于300ms認(rèn)為是雙擊；微信官方文檔沒有雙擊事件，需要開發(fā)者自己定義處理。

3.長按

長按事件手指觸摸后，超過350ms再離開。

4.滑動(dòng)

手指觸摸屏幕并移動(dòng)，為了簡化起見，下面以水平滑動(dòng)和垂直滑動(dòng)為例。 滑動(dòng)事件由touchstart、touchmove、touchend組成

以屏幕左上角為原點(diǎn)建立直角坐標(biāo)系。第四象限為手機(jī)屏幕，Y軸越往下坐標(biāo)值越大（注意跟數(shù)學(xué)象限的區(qū)別）。

假設(shè)A點(diǎn)為touchstart事件觸摸點(diǎn)，坐標(biāo)為A(ax,ay)，然后手指向上滑動(dòng)到點(diǎn)B(bx,by)，就滿足條件by < ay;

同理，向右滑動(dòng)到C(cx,cy),滿足cx > ax；向下滑動(dòng)到D(dx,dy),滿足dy > ay；向左移動(dòng)到E(ex，ey)滿足ex < ax.

計(jì)算線段AB在Y軸上投影長度為m,在X軸上的投影長度為n

計(jì)算r = m/n,如果r > 1,視為向上滑動(dòng)。

同理計(jì)算線段AC,AD,AE在Y軸投影長度與X軸的投影長度之比，得出向右向下向左的滑動(dòng)。

三：數(shù)據(jù)驅(qū)動(dòng)

小程序最特殊的一個(gè)特點(diǎn)就是數(shù)據(jù)驅(qū)動(dòng)，即可用后臺定義的數(shù)據(jù)，在頁面依據(jù)此數(shù)據(jù)作判斷加載處理

要學(xué)會靈活使用，此方式可以從根據(jù)上解決很多問題，有區(qū)別于其傳統(tǒng)模式的做法,

主流有兩種處理方式

1.三元表達(dá)式 ?: (條件)?true:false 如 a>1? '審核' : '未審核 '

根據(jù)屬性值不同加載不同樣式

根據(jù)屬性值不同加載不同圖標(biāo)

2.條件渲染 wx:if

用 wx:if="{{condition}}" 來判斷是否需要渲染該代碼塊

1. <view wx:if="{{condition}}"> True </view>

也可以用 wx:elif 和 wx:else 來添加一個(gè) else 塊：

1. <view wx:if="{{length > 5}}"> 1 </view>
2.  
3. <view wx:elif="{{length > 2}}"> 2 </view>
4.  
5. <view wx:else> 3 </view>