原创 關於reflow迴流問題

reflow(英音：[ri:’fləu] 美音：[ri’flo])在詞典中的解釋是迴流，逆流。而在web應用中，翻譯爲迴流有些牽強。我個人覺得，理解爲回爐（重新塑形），似乎更加形象一點。舉個例子，頁面上節點是以樹的形式展現的。假如我使用J

2020-06-14 01:57:07

原创 javascript設計模式介紹（六）寄生構造函數模式

這種模式的基本思想是創建一個函數，該函數的作用僅僅是封裝創建對象的代碼，然後再返回新創建的對象；但從表面上看，這個函數又很像是典型的構造函數。下面是一個例子。 function Person(name, age, job){ va

2020-02-23 20:55:14

原创 javascript設計模式介紹（五）動態原型模式

有其他 OO語言經驗的開發人員在看到獨立的構造函數和原型時，很可能會感到非常困惑。 動態原型模式正是致力於解決這個問題的一個方案，它把所有信息都封裝在了構造函數中，而通過在構造函數中初始化原型（僅在必要的情況下），又保持了同時使用構造函數

2020-02-23 20:55:13

原创 javascript設計模式介紹（二） 構造函數模式

我們可以通過創建自定義的構造函數，從而定義自定義對象類型的屬性和方法。 例如： function Person(name.age,sex){ this.name = name; this.age = age; this.sex = s

2020-02-23 20:55:13

原创 javascript設計模式介紹（三） 原型模式

我們創建的每個函數都有一個prototype（原型）屬性，這個屬性是一個指針，指向一個對象，而這個對象的用途是包含可以由特定類型的所有實例共享的屬性和方法。如果按照字面意思來理解，那麼 prototype 就是通過調用構造函數而創建的那個

2020-02-23 20:55:13

原创 javascript設計模式介紹（一） 工廠模式

創建對象 雖然object構造函數或者對象字面量都可以創建單個對象，這種方式有着明顯的缺點：使用同一個接口創建很多對象，會產生大量的重複代碼。 那麼如何解決這個問題呢？ 工廠模式 這種模式抽象了創建具體對象的過程，考慮到ECMASc

2020-02-23 20:55:13

原创 javascript設計模式介紹（三） 原型模式 擴展知識

原型與 in 操作符 有兩種方式使用 in 操作符：單獨使用和在for-in 循環中使用。在單獨使用時，in 操作符會在通過對象能夠訪問給定屬性時返回 true，無論該屬性存在於實例中還是原型中。看一看下面的例子。 function P

2020-02-23 20:55:13

原创 認識WebSocket

認識HTML5的WebSocket 在HTML5規範中，我最喜歡的Web技術就是正迅速變得流行的WebSocket API。WebSocket提供了一個受歡迎的技術，以替代我們過去幾年一直在用的Ajax技術。這個新的API提供了一個方法，

2020-02-23 20:55:13

原创 javascript設計模式介紹（四）組合使用構造函數模式和原型模式

創建自定義類型的最常見方式，就是組合使用構造函數模式與原型模式。構造函數模式用於定義實例屬性，而原型模式用於定義方法和共享的屬性。 結果，每個實例都會有自己的一份實例屬性的副本，但同時又共享着對方法的引用，最大限度地節省了內存。 另外，這

2020-02-23 20:55:13

原创 CMD常用命令

CMD命令速查手冊 cmd命令大全  分享一些CMD命令   希望大家可以用到 ASSOC 顯示或修改文件擴展名關聯。        AT 計劃在計算機上運行的命令和程序。        ATTRIB 顯示或更改文件屬性。        

2020-02-23 20:55:13

原创 WEB頁面的客戶端緩存

對於web頁面中的js和css文件，瀏覽器並不是每次都請求完整的內容，有時候會直接利用本地的緩存。 有一些頁面，我們不會經常性的更新，頁面內容比較固定，那麼如果我們每次請求的時候都要重新加載一遍靜態文件，這無疑對服務器來說是一種浪費，因此

2020-02-23 20:55:13

原创 javascript 的 繼承（五） 之 寄生式繼承

寄生式（parasitic）繼承是與原型式繼承緊密相關的一種思路，並且同樣也是由克羅克福德推而廣之的。 寄生式繼承的思路與寄生構造函數和工廠模式類似，即創建一個僅用於封裝繼承過程的函數，該函數在內部以某種方式來增強對象，最後再像真地是它做

2018-08-22 16:02:03 2

原创 瞭解無阻塞加載javascript腳本技術

偶然間看到這樣一篇博客，內容很詳細，概念解釋的也很通俗，轉過來與大家分享一下，學習學習。 原文轉自：http://ghdcblog.cn/article/%E4%BA%86%E8%A7%A3%E6%97%A0%E9%98%BB%E5%A1

2018-08-22 16:02:01

原创 利用函數節流來提升性能

原文轉自：http://www.cnblogs.com/dolphinX/p/3403821.html 最近在做網頁的時候有個需求，就是瀏覽器窗口改變的時候需要改一些頁面元素大小，於是乎很自然的想到了window的resize事件,

2018-08-22 16:02:01

原创 15個必須知道的chrome開發者技巧(GIF)

原文轉自：前端亂燉 http://www.html-js.com/article/3003 在Web開發者中，Google Chrome是使用最廣泛的瀏覽器。六週一次的發佈週期和一套強大的不斷擴大開發功能，使其成爲了web開發者必備的

2018-08-22 16:02:01 3