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 閉包
❤️
ES6-import & export 怎麼用
ES6 推出了管理 javascript 模組的語法,透過 import、export 可以將每個檔案視為獨立模組,讓檔案不會過於龐大,且可讀性也比較高,每個系統都有相對的模組,在程式碼的管理與組織方便了許多。
❤️
搞懂JS-什麼是hoisting?
❤️
var, let, const 變數宣告差別
❤️