原创 瀏覽器渲染原理
隨着技術的革新，我們有了越來越多的方案去提升頁面性能，因此在2019年進行了本篇文章的更新。更新內容包括： 1、網絡通信部分的細節化，包括： 網絡時延、tcp簡述 HTTP個協議間差別及如何對應優化 HTTP2將對原有優化方案存在那些影響
2019-07-30 14:11:48
原创 Vue的原理
Vue的原理 input和change事件的區別 input觸發條件：輸入框字符發生變化 change觸發條件：輸入框失去焦點 v-model的原理 本質上是語法糖 屬性綁定和事件綁定 默認事件是input 可以使用lazy修飾符轉
2019-07-30 14:11:48
原创 實現多個標籤頁之間通信的幾種方法
效果圖.gif 示例地址 prologue 之前在網上看到一個面試題：如何實現瀏覽器中多個標籤頁之間的通信。我目前想到的方法有三種：使用websocket協議、通過localstorage、以及使用html5瀏覽器的新特性Share
2019-07-30 14:11:48
原创 JavaScript 高性能數組去重
一、測試模版 數組去重是一個老生常談的問題，網上流傳着有各種各樣的解法 爲了測試這些解法的性能，我寫了一個測試模版，用來計算數組去重的耗時 // distinct.js let arr1 = Array.from(new Array
2019-07-30 14:11:48
原创 Token ，Cookie和Session的區別
Token ，Cookie和Session的區別 在做接口測試時，經常會碰到請求參數爲token的類型，但是可能大部分測試人員對token，cookie，session的區別還是一知半解。 Cookie cookie 是一個非常具體的
2019-06-20 14:18:21
原创 cookie、 sessionStorage 、localStorage之間的區別和使用
1.cookie:存儲在用戶本地終端上的數據。有時也用cookies，指某些網站爲了辨別用戶身份，進行session跟蹤而存儲在本地終端上的數據，通常經過加密。一般應用最典型的案列就是判斷註冊用戶是否已經登過該網站。 2.HTML5 提供
2019-06-20 14:18:21
3
原创 nodejs和jsonp跨域問題
jsonp跨域問題 核心思想: 瀏覽器雖然有同源策略，但是 src 和 href 兩個屬性卻可以跨域訪問。 可以利用這一“漏洞”來請求另一個網站的頁面。 $.post、 $.get 、$.ajax都能發送跨域請求，但是，$.post和$.
2019-05-21 14:14:19
原创 彙總 onchange onpropertychange 和 oninput 事件的區別
1、onchange 事件與 onpropertychange 事件的區別： onchange 事件在內容改變（兩次內容有可能還是相等的）且失去焦點時觸發。 onpropertychange 事件卻是實時觸發，即每增加或刪除一個字符就會觸
2018-08-31 05:04:30
原创 前端必會的js知識總結整理
前端必會的js知識總結整理 1、晨曦。2、js是一門什麼樣的語言及特點？ js是一種基於對象和事件驅動的並具有相對安全性的客戶端腳本語言。也是一種廣泛用於web客戶端開發的腳本語言，常用來給html網頁添加動態功能，如響應用
2018-08-31 05:04:29
2
原创 jQuery對象與DOM對象之間的轉換方法
jQuery對象是包裝DOM對象後產生的，但是兩者卻不能混用，DOM對象才能使用DOM方法，jQuery對象才能使用jQuery方法，以下介紹兩者轉換的方法：jQuery對象轉成DOM對象：（1）jQuery對象實際上是一個數據對象，可以
2018-08-31 05:04:28
1
原创 windows命令行窗口中執行npm命令就閃退
環境：Windows8現象：在windows命令行下執行npm命令時會出現打開node.exe的程序，然後node.exe打開的命令行窗口就會閃退.問題分析：這是由於node.exe有管理員權限制所造成的.解決方法：1.找到node.ex
2018-08-31 05:04:27
119
原创 JS原型、原型鏈深入理解
原型是JavaScript中一個比較難理解的概念，原型相關的屬性也比較多，對象有”prototype”屬性，函數對象有”prototype”屬性，原型對象有”constructor”屬性。一、初識原型在JavaScript中，原型也是一個
2018-08-31 05:04:25