一些優化(即時搜尋之函式去抖)

2021-08-22 04:46:34 字數 896 閱讀 6942

第一步,確定用哪個動作。實現輸入框實時搜尋

input輸入框的change事件,在輸入框內容變化的時候不會觸發change,要在input失去焦點的時候才會觸發,當滑鼠在其他地方點一下才會觸發

$('input[name=myinput]').change(function() );//change,失焦才觸發,nono
用下面的方法會生效,input,注:ie下 用 onpropertychange

$("#input_id").on('input',function(e));
第二步,優化,加乙個延遲,因為頻繁的傳送並不好,網路請求次數過多

//手寫乙個函式去抖

function test()

function debounce(method, context) , 500)

}window.onresize = function()

函式去抖(debounce)

與函式節流(throttle),可以用lodash

總結:onpropertychange:dom任何節點的屬性發生變化時觸發,包括js修改的屬性。但是這是ie特有的乙個事件;

oninput:僅僅在input的value值發生改變才會觸發,滑鼠鍵盤複製貼上均可以觸發,但是js修改其value值則不會觸發。(chrome/safari/ff/opera/ie9+)

onchange:域的內容改變,並且失去焦點時觸發(js改變其內容時不會觸發)。

onkeyup:在鍵盤鬆開時觸發。(如果用滑鼠複製貼上則不會觸發)

總**:

MySQL之索引優化的一些細節

1.當使用索引列進行查詢的時候盡量不要使用表示式,把計算放到業務層而不是資料庫層 2.盡量使用主鍵查詢,而不是其他索引,因為主鍵查詢不會觸發回表查詢 3.union all,in,or都能夠使用索引時,但是推薦使用in 4.範圍列可以用到索引,範圍條件是 between,範圍列可以用到索引,但是範圍...

時刻提防 一些關於搜尋引擎優化方面錯誤

好久沒有寫seo方面的東西了,今天寫了一些關於搜尋引擎優化方面的錯誤,這些錯誤會導致搜尋引擎忽略你 訪客忽視你,還有可能使得訪問者從你的 流失掉。用過多的flash 要知道,由於搜尋引擎技術原因,無法檢索到flash中的內容,因此,在 中使用過多的flash會適得其反。而且 使用過多的flash,會...

PHP之封裝一些常用的工具類函式

分享一些php中常用的工具裡函式 1 4 created by phpstorm.5 user steven 6 date 2016 8 12 7 time 14 218 9class utils 1024 25 26 將陣列轉化成xml 27 param data 需要轉化的陣列 28 retur...