要做一個我喜歡稱為type-ahead feature(提示功能), 在此我們有一個擁有歡迎程度的cities和states列表, 當我們keyin一些關鍵字，此功能可以幫我找到在cities和states裡符合關鍵字的項目。

• 功能
  • 列出符合關鍵字的項目
• 畫面
  • 列出符合關鍵字的項目
  • 將關鍵字的部份mark起來
  • 顯示該項目的「歡迎程度」數字

Keyword: blob 二進位大型物件

二進位大型物件（英語：binary large object ，或英語：basic large object，縮寫為Blob、BLOB、BLOb），在資料庫管理系統中，將二進位資料儲存為一個單一個體的集合。Blob通常是影像、聲音或多媒體檔案。

它由迪吉多公司的工程師吉姆·史塔基（Jim Starkey）發明。

• fetch 一種非同步的..API, 向後端要資料, 回傳promise
  • response object
• promise 非同步回傳的結果
  • promise.then() 處理 promise的方法

jsref: RegExp Object

正規表示式, 常用於文字(字串)的過濾、搜尋、取代方法

下面的例子, 將key=this.value

const regex = new RegExp(this.value, 'gi');
str.replace(regex, `<span class="hl">${this.value}</span>`);