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
因為 this 是動態的,所以會需要一些方法,讓函式被呼叫都能有固定的 this
❤️
ES6-Promise 非同步的解決方案
由於非同步的程式沒辦法照順序執行,像是 AJAX、setTimeout 都是典型的非同步,ES6 提出了 Promise 的新物件,可以確保非同步處理完畢後,再進行下一步的動作,Promise 就是來解決非同步的程式碼。
❤️
搞懂JS-什麼是 closure 閉包
閉包是由英文的 closure 直接翻譯過來的,所以從字面上看起來,可能也不知道閉包是什麼。
❤️
ES6-import & export 怎麼用
ES6 推出了管理 javascript 模組的語法,透過 import、export 可以將每個檔案視為獨立模組,讓檔案不會過於龐大,且可讀性也比較高,每個系統都有相對的模組,在程式碼的管理與組織方便了許多。
❤️
搞懂JS-什麼是hoisting?
JS 在編譯時,會將宣告的變數、函式都先存放到一個記憶體空間,很像是被提升到最前面,賦值不會跟著被提升,實際運行時,再把值塞進剛剛存放的記憶體空間裡。
❤️
var, let, const 變數宣告差別
ES6 提出的 let 與 const,能讓宣告變數的使用方式、型態可以更謹慎,也會限制 scope 範圍,一起來看看 var, let, const 之間有什麼差異吧!
❤️