因為 Nuxt 又有牽扯到 Server 的部分,所以 Nuxt 的生命週期會跟 Vue 的 Nuxt 有一點不太一樣
❤️
了解 Nuxt 架構解析
❤️
Nuxt 快速安裝及設定
❤️
VUE 的 SSR 原理
SPA 跟 SSR 各有好壞,因應專案需求來決定我們需要的是 SPA 還是 SSR 的網站
❤️
瀏覽器資料儲存-Cookie、LocalStorage、SessionStorage
Cookie | LocalStorage | SessionStorage | |
---|---|---|---|
資料大小 | ≤4KB | ≥5MB | ≥5MB |
生命週期 | 預設資料失效是關閉瀏覽器,也可以設定失效時間 | 不會過期,除非手動清除 | 每次分頁或瀏覽器關掉後就會清除 |
與 Server 溝通 | 每次都會攜帶在 HTTP 中,保存過多數據會帶來效能問題 | 僅在瀏覽器保存,不參與 Server 溝通 | 僅在瀏覽器保存,不參與 Server 溝通 |
❤️
HTTP 狀態碼
❤️
網址 HTTPS 和 HTTP 的差別,為什麼 SSL 很重要
在拜訪網站時,你有沒有曾經看過這個畫面呢?
這是瀏覽器針對 HTTP 網址,對使用者發出的「不安全」提示,藉此來要求網站開發者盡快將網站轉為透過 HTTPS 傳輸資料
❤️
綁定 this 的方法-call / apply / bind
❤️
ES6-Promise 非同步的解決方案
由於非同步的程式沒辦法照順序執行,像是 AJAX、setTimeout 都是典型的非同步,ES6 提出了 Promise 的新物件,可以確保非同步處理完畢後,再進行下一步的動作,Promise 就是來解決非同步的程式碼。
❤️
搞懂JS-什麼是 closure 閉包
❤️