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

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

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

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

1.首先確認前端調用方式是get還是post，后臺接口相應響應的接口也要對應get或post

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

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

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

如 前端調用：

封裝函數(shù)：

傳參調用：

后臺接口：

后臺參數(shù)格式：

重度封裝：

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

事件分類

touchstart 手指觸摸

touchmove 手指觸摸后移動

touchcancel 手指觸摸動作被打斷，如彈窗和來電提醒

touchend 手指觸摸動作結束

tap 手指觸摸后離開

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

1.單擊

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

2.雙擊

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

3.長按

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

4.滑動

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

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

假設A點為touchstart事件觸摸點，坐標為A(ax,ay)，然后手指向上滑動到點B(bx,by)，就滿足條件by < ay;

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

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

計算r = m/n,如果r > 1,視為向上滑動。

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

三：數(shù)據(jù)驅動

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

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

主流有兩種處理方式

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

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

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

2.條件渲染 wx:if

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

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

也可以用 wx:elif 和 wx:else 來添加一個 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>