通過網站的結構布局設計和網頁代碼優化，使前端頁面既能讓瀏覽器用戶能夠看懂，也能讓“蜘蛛”看懂。

當我們在輸入框中輸入關鍵詞，點擊搜索或查詢時，然后得到結果。深究其背后的故事，搜索引擎做了很多事情。首先在互聯網中發現、搜集網頁信息；同時對信息進行提取和組織建立索引庫；再由檢索器根據用戶輸入的查詢關鍵字，在索引庫中快速檢出文檔，進行文檔與查詢的相關度評價，對將要輸出的結果進行排序，并將查詢結果返回給用戶。

就是只有一張Web頁面的應用。單頁應用程序 (SPA) 是加載單個 HTML 頁面并在用戶與應用程序交互時動態更新該頁面的 Web 應用程序。瀏覽器一開始會加載必需的 HTML、CSS 和 JavaScript，所有的操作都在這張頁面上完成

v-model 多用于表單元素實現雙向數據綁定（同angular中的ng-model）

build 文件夾：用于存放 webpack 相關配置和腳本。config 文件夾：主要存放配置文件，比如配置開發環境的端口號、開啟熱加載或開啟gzip壓縮等。

beforeCreate,在實例初始化之后，數據觀測 (data observer) 和 event/watcher 事件配置之前被調用...

Vue 實現響應式并不是數據發生變化之后 DOM 立即變化，而是按一定的策略進行 DOM 的更新。$nextTick 是在下次 DOM 更新循環結束之后執行延遲回調，在修改數據之后使用 $nextTick，則可以在回調中獲取更新后的 DOM

匿名函數：沒有實際名字的函數。在Javascript定義一個函數一般有如下三種方式...

JavaScript是一門單線程的語言，因此，JavaScript在同一個時間只能做一件事，單線程意味著，如果在同個時間有多個任務的話，這些任務就需要進行排隊

ECMAScript的Call()與apply()兩個方法，call與apply的第一個參數都是需要調用的函數對象，在函數體內這個參數就是this的值，剩余的參數是需要傳遞給函數的值。

JSON(JavaScript Object Notation) 是一種輕量級的數據交換格式，采用完全獨立于語言的文本格式，是理想的數據交換格式。

事件源：在事件中，當前操作的那個元素就是事件源。比如我們點擊a標簽發生onclick事件時，事件源就是a標簽，當點擊li發生onclick事件時，那么事件源就是li