TITF精選：設(shè)置指定標(biāo)簽的ID，清空文本框，身份證信息識(shí)別功能思路 ...
一：點(diǎn)擊圖片切換視頻播放功能
功能說(shuō)明
1、用戶點(diǎn)擊指定圖片播放圖片對(duì)應(yīng)的視頻。
2、每一張圖片對(duì)應(yīng)不同的視頻。
注：布局文件使用數(shù)據(jù)渲染for循環(huán)顯示組件，邏輯文件可添加若干個(gè)視頻數(shù)據(jù)。
-
playVideoTap:function(e){ -
//獲取被點(diǎn)擊了圖片ID -
var id=e.target.id; -
for(var i=0;i<ARR_ITEM_DATA.length;i++){ -
if(i==id){ -
//顯示視頻組件 -
ARR_ITEM_DATA[i].boolPlayVideo=true -
}else{ -
//隱藏視頻組件 -
ARR_ITEM_DATA[i].boolPlayVideo=false -
} -
} -
this.setData({ -
arrItemData:ARR_ITEM_DATA -
}) -
//播放視頻組件 -
this.videoContext.play(); -
},
二：設(shè)置指定標(biāo)簽的ID
示例：<view id="view1"></view>
說(shuō)明：給標(biāo)簽添加事件，包括點(diǎn)擊事件（bindtap）、觸摸事件（bindtouchstart、bindtouchmove、bindtouchend），此處使用點(diǎn)擊事件獲取標(biāo)簽ID，事件名：getViewIdTap 示例：
-
<view id="view1" bindtap="getViewIdTap"></view>
在頁(yè)面邏輯頁(yè)面中寫事件響應(yīng)函數(shù)getViewIdTap:function(e){}，e為回調(diào)參數(shù)，類型為對(duì)象 示例：
-
Page({ -
//獲取view標(biāo)簽id事件響應(yīng)函數(shù) -
getViewIdTap:function(e){ -
//將view標(biāo)簽的id輸出到控制臺(tái) -
console.log(e.target.id); -
} -
})
三：身份證信息識(shí)別功能思路
自動(dòng)識(shí)別用戶上傳的身份證圖片的正反面信息，并顯示到小程序頁(yè)上
原理說(shuō)明： -
$_FILES['image']
獲取用戶上傳的文件格式 示例：
-
$_FILES['image']['type']
判斷用戶上傳的文件格式是否為圖片格式（JPG、JPEG、PJEPG……），圖片格式判斷根據(jù)實(shí)際情況設(shè)定 判斷用戶上傳的圖片是否已存在 不存在則將調(diào)用move_uploaded_file( string $filename , string $destination)函數(shù)將上傳的文件保存到指定位置 示例：move_uploaded_file($image_tmp_name,"uploads/".$strRondom.$image_name); 調(diào)用Face++圖片識(shí)別API，并輸出返回的數(shù)據(jù)
四：清空文本框小創(chuàng)意
用戶通過(guò)左滑動(dòng)作清空輸入框數(shù)據(jù)
原理說(shuō)明： 1、輸入框（input）設(shè)置 數(shù)據(jù)綁定input的value屬性值 示例：
-
<input value="{{inputValue}}"/>
定義input的觸摸事件：bindtouchstart（觸摸動(dòng)作開(kāi)始時(shí)觸發(fā)）、bindtouchmove（觸摸后移動(dòng)時(shí)觸發(fā)）、bindtouchend（觸摸動(dòng)作結(jié)束后觸發(fā)） 示例：
-
<input bindtouchstart="inputTouchStart" bindtouchmove="inputTouchMove" bindtouchend="inputTouchEnd"/>
2、事件邏輯 bindtouchstart：獲取用戶開(kāi)始觸摸屏幕時(shí)的X坐標(biāo)(e.touches[0].clientX) 示例：
-
inputTouchStart:function(e){ -
OBJ_INPUT_TOUCH.start.x=e.touches[0].clientX; -
}
bindtouchmove：獲取用戶觸摸屏幕移動(dòng)時(shí)的X坐標(biāo)(e.touches[0].clientX) 示例：
-
inputTouchMove:function(e){ -
OBJ_INPUT_TOUCH.move.x=e.touches[0].clientX; -
},
bindtouchend：判斷用戶是否有移動(dòng)，若有移動(dòng)則判斷用戶滑動(dòng)的方向 3、如何判斷用戶滑動(dòng)的方向？ 邏輯1： 若移動(dòng)后的X坐標(biāo)小于開(kāi)始觸摸時(shí)的X坐標(biāo)，則為向左滑動(dòng)；否則，反之。 示例：
-
if(OBJ_INPUT_TOUCH.move.x<OBJ_INPUT_TOUCH.start.x){ -
console.log('用戶向左移動(dòng)') -
}
邏輯2： 用移動(dòng)后的X坐標(biāo)減開(kāi)始觸摸時(shí)的X坐標(biāo)，若結(jié)果小于0，則為向左滑動(dòng)；否則，反之。 示例：
-
if((OBJ_INPUT_TOUCH.move.x-OBJ_INPUT_TOUCH.start.x)<0){ -
console.log('用戶向左移動(dòng)') -
}
