#### 1. 瀏覽器提供的符合W3C標準的DOM操作API、瀏覽器差異、兼容性 #### 2. 瀏覽器提供的瀏覽器對象模型BOM的全局API，瀏覽器差異、兼容性 #### 3. 大量DOM操作、海量數據的性能優化( 合并操作、Diff、requestAnimationFrame等 ) #### 4. 瀏覽器海量數據存儲、操作性能優化 1. 暫無答案 #### 5. DOM事件流的具體實現機制、不同瀏覽器的差異、事件代理 1. 查看JS Note中的DOM記錄 #### 6. 前端發起網絡請求的幾種方式及其底層實現、可以手寫原生ajax、fetch、可以熟練使用第三方庫 #### 7. 瀏覽器的同源策略，如何避免同源策略，幾種方式的異同點以及如何選型 1. 同源策略：是指：協議 + 域名 + 端口 三者相同，即便兩個不同的域名指向同一個IP地址，也非同源 2. 同源策略的作用：如果沒有同源策略，瀏覽器很容易受到XSS、CSRF等攻擊 3. 九種跨域方案：實際中使用最多的是CORS和NGING反向代理 4. CORS：不限制HTTP請求方式 5. JSONP：限制使用GET請求 6. Node & nginx ：本質都是通過同源策略對服務器不加限制 7. postMessage + WebSocket + window.name + iframe + location.hash + iframe + document.domain + iframe [https://segmentfault.com/a/1190000018017118](https://segmentfault.com/a/1190000018017118) #### 8. 瀏覽器提供的幾種存儲機制、優缺點、開發中正確的選擇 1. 瀏覽器提供了四種存儲機制： Cookies localStorage sessionStorage indexedDB 2. cookie：時間由過期時長設置，大小為4K，每次會隨請求發送到服務器，兩種設置方式，服務端響應頭設置SetCookie，本地通過document.cookie可以讀寫cookie 3. localStorage：保存的數據長期存在，大小為5M左右，僅在客戶端使用，不和服務端進行通信 4. sessionStorage：保存的數據在當前窗口關閉后清空，大小也為5M左右，僅在客戶端使用，不和服務端通信 5. indexedDB：大小無上限，是運行在瀏覽器上的非關系型數據庫，大小無上限，異步存取，可存儲所有類型的數據，包括JS對象，字符串，以及二進制文件等等類型 6. localStorage.getItem、setItem、removeItem、clear #### 9. 瀏覽器跨標簽通信