原创 列舉IE與其他瀏覽器不一樣的特性？
1）IE支持currentStyle，Firefox使用getComputStyle; 2）IE使用innerText，FireFox使用textContent； 3）濾鏡方面：IE：filter:alpha(opacity= num
2020-02-23 06:16:22
原创 js中的事件委託或是事件代理詳解
1、概述： 事件委託就是利用事件冒泡，只指定一個事件處理程序，就可以管理某一類型的所有事件。那這是什麼意思呢？網上的各位大牛們講事件委託基本上都用了同一個例子，就是取快遞來解釋這個現象，我仔細揣摩了一下，這個例子還真是恰當，我就不去想別的
2020-02-23 06:16:11
原创 一個頁面從輸入 URL 到頁面加載顯示完成，這個過程中都發生了什麼？
詳細版 1、瀏覽器會開啓一個線程來處理這個請求，對URL 分析判斷如果是 http 協議就按照 Web 方式來處理; 2、調用瀏覽器內核中的對應方法，比如 WebView 中的 loadUrl 方法; 3、通過DNS解析獲取網址的IP地址
2020-02-23 06:16:11
原创 XHTML與HTML有什麼區別
XHTML是XML重寫了HTML的規範，比HTML更加嚴格，表現如下： 1、XHTML中所有的標記都必須有一個相應的結束標籤； 2、XHTML所有標籤的元素和屬性的名字都必須使用小寫； 3、所有的XML標記都必須合理嵌套； 4、所有的屬性
2020-02-23 06:16:11
原创 純CSS實現SVG路徑描邊動畫效果
SVG中有一個比較重要度屬性，stroke。stroke有很多兄弟屬性： 1）stroke：線的顏色； 2）stroke-width：線的寬度； 3）stroke-linecap：線的端點，可用值有butt、round、square、in
2020-02-23 06:16:11
原创 DOM訪問和操作的優化方法
1、最小化DOM訪問次數，儘可能在JavaScript端處理； 2、如果需要多次訪問某個DOM節點，請使用局部變量存儲它的引用； 3、小心處理HTML集合，因爲它實時聯繫着底層文檔。把集合的長度緩存到一個變量中，並在迭代中使用它。如果
2020-02-23 06:16:11
原创 HTML 5 的data-* 自定義屬性
HTML 5 增加了一項新功能是 自定義數據屬性 ，也就是 data-* 自定義屬性。在HTML5中我們可以使用以 data- 爲前綴來設置我們需要的自定義屬性，來進行一些數據的存放。當然高級瀏覽器下可通過腳本進行定義和數據存取。在項目
2020-02-23 06:16:11
原创 何時使用img標籤，何時使用background-image背景圖像
在什麼情況下更適合使用HTML IMG標籤來顯示一個圖像,而不是一個CSS有背景圖像,反之亦然? 如下場景使用img標籤比較合適： 1、如果圖像是等內容的一部分或圖表或人(真正的人,而不是股票圖人)，使用Img標籤加上a
2020-02-23 06:16:11
原创 說說網絡分層裏七層模型是哪七層
應用層：應用層、表示層、會話層（從上往下）（HTTP、FTP、SMTP、DNS） 傳輸層（TCP和UDP） 網絡層（IP） 物理和數據鏈路層（以太網） 每一層的作用如下： 1）物理層：通過媒介傳輸比特，確定機械及電氣規範（比特Bit）
2020-02-23 06:16:11
原创 如何優化批量修改DOM的操作
當需要對DOM元素進行一系列操作時，可以通過以下步驟來減少重繪和重排的次數： 1、使元素脫離文檔流； 2、對其應用多重DOM改變； 3、把元素帶回到元文檔中。 該過程會觸發兩次重排（reflow），如果忽略這兩個操作，則第二部操作會造成多
2020-02-23 06:16:11
原创 JS異步加載和延遲加載
1、異步加載的方案： 動態插入script標籤 1）通過ajax去獲取js代碼，然後通過eval執行 2）script標籤上添加defer或者async屬性 3）創建並插入iframe，讓它異步執行js 2、延遲加載：
2020-02-23 06:16:11
原创 利用Tween實現輪播動畫
簡介： 之前在兩個項目的開發過程中都遇到輪播動畫，因此，今天結合自己的開發經驗進行一定的分享，下面是自己用vue做的一個簡單的demo。這個例子的實現主要用的是TweenMax插件+scrollTop實現的。下面的Gif是實現的效果。
2019-08-09 02:48:44
原创 JS如何實現拖拽以及如何應用HTML5中新增的api實現拖拽
介紹 我覺得JS拖拽的功能，大家一定都不會陌生。然而，在自己實際的項目開發工程中，卻很少用到，以至於當自己開始着手實現這個這個功能當時候，也遇到了一些問題。 實現原理其實很簡單，無非是鼠標事件+定位，但是，在實現當過程中，還是有一些注
2019-04-17 03:07:50
原创 利用Proxy代理和Reflect對象實現自定義原型鏈
1. 將代理作爲原型鏈 用Object.create( )方法創建原型鏈，同時設置自定義的defineProperty上述例子中，在對象上定義屬性的操作不需要操作對象原型，所以代理中的defineProperty陷阱永遠不會被調用。
2018-09-01 22:17:14
原创 Node學習（3）express中使用static獲取靜態文件及常見錯誤
使用express中的static可以設置文件存儲路徑，比如js存在於public/js/demo.js這個時候可以將js文件夾設置爲專門存儲js的路徑，代碼如下： app.use('/javascript',express.stat
2018-09-01 22:17:13