摘要： 一、 瀏覽器同源策略 1.1 概述 1995年，同源政策由 Netscape 公司引入瀏覽器。目前，所有瀏覽器都實行這個政策。最初，它的含義是指，A網頁設置的 Cookie，B網頁不能打開，除非這兩個網頁"同源"。所謂"同源"指的是"三個相同"： （1）協議相同 （2）域名相同 （3）端口相同 舉例 閱讀全文

摘要： 在進行窗口的resize、scroll，輸入框內容校驗等操作時，如果事件處理函數調用的頻率無限制，會加重瀏覽器的負擔，導致用戶體驗非常糟糕。此時我們可以采用debounce（防抖）和throttle（節流）的方式來減少調用頻率，同時又不影響實際效果。 函數防抖 函數防抖（debounce）：當持續觸 閱讀全文

摘要： （1）.HTTP2使用的是二進制傳送，HTTP1.X是文本（字符串）傳送。 二進制傳送的單位是幀和流。幀組成了流，同時流還有流ID標示 （2）.HTTP2支持多路復用 因為有流ID，所以通過同一個http請求實現多個http請求傳輸變成了可能，可以通過流ID來標示究竟是哪個流從而定位到是哪個http 閱讀全文

摘要： 內存泄漏：指一塊被分配的內存既不能使用，又不能回收，直到瀏覽器進程結束。 1、JS的回收機制 JavaScript垃圾回收的機制很簡單：找出不再使用的變量，然后釋放掉其占用的內存，但是這個過程不是實時的，因為其開銷比較大，所以垃圾回收系統（GC）會按照固定的時間間隔,周期性的執行。 到底哪個變量是沒 閱讀全文

摘要： webpack是一個模塊打包器（module bundler），提供了一個核心，核心提供了很多開箱即用的功能，同時它可以用loader和plugin來擴展。webpack本身結構精巧，基于tapable的插件架構，擴展性強，眾多的loader或者plugin讓webpack稍顯復雜。 webpack 閱讀全文

摘要： 1.alert(' hello js'); alert的調試信息，必須在程序邏輯中添加類似”alert(xxxxx)”這樣的語句，才能正常工作，并且alert會阻礙頁面的繼續渲染。這就意味著開發人員調試完成后，必須手動清除這些調試代碼，實在有些麻煩。 2.console.log("yyds"); 如 閱讀全文

摘要： 01 搜索資源網站 學習技術過程我們經常需要使用搜索引擎來檢索資料，國內常用的也就是某度了。 當然有條件的話，搜索引擎首先還是推薦使用 Google，如果沒辦法使用，可以使用以下幾個作為備用： Bing Bing 國際版：https://cn.bing.com/ 比某度好用，之前還被停用了幾天，最近 閱讀全文

摘要： 一、 大O表示法 在進行排序算法之前，我們得先掌握一種對算法效率的表示方法，大O表示法。 我們使用大O表示法來表示算法的時間復雜度，是用來表示算法的速度隨著數據量的變化而如何變化的。 常見的大O表示函數： O(1)：常數的 O(log n)：對數的 O(n)：線性的 O(n*log(n))：線性和對 閱讀全文

摘要： 首先明白TCP與UDP的定義： TCP定義 TCP（Transmission Control Protocol 傳輸控制協議）是一種面向連接的、可靠的、基于字節流的傳輸層通信協議，由IETF的RFC 793定義。 UDP定義 UDP （User Datagram Protocol 用戶數據報協議）是 閱讀全文

摘要： //函數直接調用，在.then中進行成功的操作，在.catch中進行失敗的各種操作. es6中： let imageAsync=(url)=>{ return new Promise((resolve,reject)=>{ let img = new Image(); img.src=url; im 閱讀全文