輸入框自動補全功能

在輸入框輸入信息後，自動提示補全。我選擇用typeahead.js，後來發現，原來這個庫的相關學習資料不多，搞的稍微有點久，才弄明白點...本文實屬原創，若有錯誤，敬請指教！

簡介：

官網：http://twitter.github.io/typeahead.js
github: https://github.com/twitter/typeahead.js
使用文檔：https://www.awesomes.cn/repo/twitter/typeahead-js

在查資料的過程當中，不難發現，typeahead.js一直會跟boostrap扯上關係。實際上在bootstrap 2.x時，自帶了補全控件typeahead；可是到了，bootstrap 3.x時，捨棄了這個插件，這是出現了單獨插件，名叫bootstrap-3-typeahead，再後面bootstrap-3-typeahead 更名 typeahead.js.

接口：
name —— 數據集的名字。
source —— 規定包含查詢時要顯示的值的數據源。值的類型是 array，默認值是 [ ]。
items —— 規定查詢時要顯示的條目的最大值。數據類型是 number，默認值是 8。
highlighter —— 用於自動高亮突出顯示結果。帶有一個單一的參數，即具備 typeahead 實例範圍的條目。數據類型是 function。默認狀況下是高亮突出顯示全部默認的匹配項。
minLength —— 推薦引擎開始渲染所須要的最小字符。默認爲 1 。
hint —— 默認爲 true,會自動補全第一個匹配的元素，設置爲 false 時，typeahead 將不會補全 .
display - 對於推薦對象，決定用何種字符串表示，並將會在某個輸入控件選擇後使用。其值能夠是關鍵字符串，或者是將推薦對象轉換爲string的函數。默認爲 value.
$('.typeahead').typeahead('destroy');移除typeahead功能，並將 input 元素的狀態重置爲原始狀態。
$('.typeahead').typeahead('open');打開typeahead下拉菜單。 
$('.typeahead').typeahead('close');關閉typeahead的下拉菜單。
var myVal = $('.typeahead').typeahead('val'); 返回typeahead的當前值，該值爲用戶輸入到 input 元素中的文本
$('.typeahead').typeahead('val', myVal);設置typeahead的值，要來替代 jQuery#val 函數。