Vus.js Dynamic Keywords Filter

Vue.js 組件概念與實作-搜尋與即時關鍵字反白

1. 從api下載文章資料

文章: http://awiclass.monoame.com/api/command.php?type=get&name=post
類別: http://awiclass.monoame.com/api/command.php?type=get&name=cata

2.分析文章資料-json editor

3. 將文章以 component 引入
 var post_api = “https://awiclass.monoame.com/api/command.php?type=get&name=post";

使用 safari 瀏覽器記得 https 要加上 s 不然會被 block 掉!

4. 修正圖片網址
5. 實作filter過濾文章
6. 刪減摘要
7. 標示關鍵字
8. REGEX標示關鍵字

大小寫比對:
因為有一些大小寫夾雜的文字,因此要再判斷式裡面加上 toLowerCase()將所有文字轉譯成小寫去比對

REGEX 在爬蟲或資料過濾非常好用
例如希望抓固定長度的字

new RexExp(vobj.filter,”i”)
使用 REGEX 的 insensitive(不管是大小寫都可以偵測)

9. 依照類別排序