原创 總結：a標籤加入單擊事件 屏蔽href跳轉頁面
我們常用的在a標籤中有點擊事件： 1. a href=”javascript:js_method();” 這是我們平臺上常用的方法，但是這種方法在傳遞this等參數的時候很容易出問題，而且javascript:協議作爲a的hre
2020-06-21 09:45:17
2
原创 導航欄吸頂實現原理 JS
吸頂燈是各站點常用的一個功能，它有兩個特性引用塊內容 向下滾動到div位置時，該div一直固定在頁面的頂部 向上滾動到div原有位置時，div又恢復到文檔中的原位置 div可能是一個“分類菜單”，也可能是一個“文章導航”
2020-02-20 13:52:41
原创 什麼是Grunt
當時學習 Grunt 的時候，真是很頭疼。分了兩個時間段，學習了兩次才硬啃下來，之後才能用在項目中。主要原因我認爲是學習資料和文檔上面寫的太高端了。這類的文檔或者資料有個顯著特點，上來先簡單介紹一下這個玩意（Grunt 是一個 J
2020-02-20 13:52:41
原创 Js apply方法詳解
今天看到了一篇講apply和call還不錯的文章，小小的修改了下，供大家參考。 1.apply和call的區別在哪裏 2.什麼情況下用apply,什麼情況下用call 3.apply的其他巧妙用法（一般在什麼
2020-02-20 13:52:41
原创 ESLINT規則
ESLINT規則翻譯 “no-alert”: 0,//禁止使用alert confirm prompt “no-array-constructor”: 2,//禁止使用數組構造器 “no-bitwise”: 0,//禁止使用按位運算符
2018-08-26 10:02:08
3
原创 跨域請求方式三：window.name 跨域實現原理
先引用一段話： window.name 傳輸技術，原本是 Thomas Frank 用於解決 cookie 的一些劣勢（每個域名 4 x 20 Kb的限制、數據只能是字符串、設置和獲取 cookie 語法的複雜等等）而發明的。後來 Kr
2018-08-26 10:02:08
原创 Javascript 嚴格模式詳解
一、概述 除了正常運行模式，ECMAscript 5添加了第二種運行模式：”嚴格模式”（strict mode）。顧名思義，這種模式使得Javascript在更嚴格的條件下運行。 設立”嚴格模式”的目的，主要有以下幾個：
2018-08-26 10:02:08
原创 圖解說明ES5和ES6中繼承的區別
ES5 ES5中的繼承，看圖： function Super() {} function Sub() {} Sub.prototype = new Super(); Sub.prototype.constructor = Sub;
2018-08-26 10:02:08
2
原创 正則表達式完美解析URL中的各部分
var parse_url = /^(?:([A-Za-z]+):)?(//{0,3})([0-9./-A-Za-z]+)(?::(/d+))?(?://([^?#]*))?(?:/?([^#]*))?(?:#(.*))?$/; v
2018-08-26 10:02:06
2
原创 Iterator(遍歷器) ES6
Iterator的作用有三個:一是爲各種數據結構,提供一個統一的、簡便的訪問接口;二是使得數據結構的成員能夠按某種次序排列;三是ES6創造了一 種新的遍歷命令for...of 循環,Iterator接口主要供 for...of消費。 It
2018-08-26 10:02:06
原创 同源策略阻止的是請求的發送還是數據的接收
同源策略 （Same origin policy）是一種約定，它是瀏覽器最核心也最基本的安全功能，Web是構建在同源策略基礎之上的，瀏覽器是針對同源策略的一種實現。 之前一直認爲，它是通過對發出的請求進行檢查是否同源，然後決定
2018-08-26 10:02:06
1
原创 點擊穿透原理及解決
一、事件觸發順序 PC網頁上的大部分操作都是用鼠標的，即響應的是鼠標事件，包括mousedown、mouseup、mousemove和click事件。一次點擊行爲，可被拆解成：mousedown -> mouseup -> click 三
2018-08-26 10:02:06
原创 從跨域和同域兩個角度實現多頁面之間的通信
一、同域下頁面之間的通信 該條件下實現的方式比較多，先列舉幾種典型的方法，然後舉例說明其中幾種。 1、iframe標籤可以嵌套另一個標籤，並且可以通過js去訪問被包含的頁面的window對象，從而操作該頁面下documentElemen
2018-08-26 10:02:06
2
原创 理解頁面重構和迴流
重構：瀏覽器的重構指的是改變每個元素的外觀時所觸發的瀏覽器行爲，比如顏色、背景等樣式發生了改變而進行的重新構造新外觀的過程。重構不會引發頁面的重新佈局，不一定伴隨着迴流。 迴流：指的是瀏覽器爲了重新渲染頁面的需要而進行的重新計算元素的幾何
2018-08-26 10:02:06
原创 從url到頁面的顯示
webkit一般性渲染過程 在瀏覽器中，有一個最重要的模塊，它主要作用是將頁面轉變成可視化的圖形結果，這就是瀏覽器內核。通常，它也被稱爲渲染引擎。所謂的渲染，就是根據描述或者定義構建數學模型，通過模型生成圖像的過程。瀏覽器的渲
2018-08-26 10:02:06