原创 迴流與重繪

迴流與重繪 1. 當render tree中的一部分(或全部)因爲元素的規模尺寸,佈局,隱藏等改變而需要重新構建。這就稱爲迴流(reflow)。每個頁面至少需要一次迴流,就是在頁面第一次加載的時候。在迴流的時候,瀏覽器會使渲染樹中受到

原创 數組操作方法

Array對象方法參考: concat  方法:返回一個新數組,這個新數組是由兩個或更多數組組合而成的。array1.concat([item1[,  item2[,   .  .   .   [,  itemN]]]]) join  

原创 RESTful

Respresentational State Transfer  表現層狀態轉化 它的設計哲學主要講服務器端提供的內容實體看做一個資源,並表現在url上 比如一個用戶的地址爲:/users/jack 這個地址代表了一個資源,對這個資源的

原创 動畫

平時工作中會遇到需要實現一些存在動畫的頁面。這裏對動畫的實現知識做一個整理。 頁面動畫的實現可以分爲兩類:CSS動畫、Canvas動畫、JavaScript動畫。JavaScript動畫沒啥好講的,這裏就不整理了。 CSS動畫 CSS3中

原创 繼承

原型鏈:實例指向——構造函數的原型——父對象構造函數的原型——           functionSuperType(){                        this.property= true;             

原创 兩張圖解釋CSS動畫的性能

JS是單線程的,但是瀏覽器可以開啓多個線程,渲染一個網頁需要兩個重要的線程來共同完成: Main Thread 主線程 Compositor Thread 繪製線程(我自己翻譯的) 主線程的工作: 運行JS 計算

原创 關於dom 事件冒泡、捕獲 dom事件三個階段

本文主要解決兩個問題: 什麼是事件流 DOM事件流的三個階段 起因 溫故了一下我的《JavaScript高級程序設計》的時候,翻到DOM事件那一章,(說實話,現在無論是什麼框架你都離不開操作DOM啊,畢竟這是你展示的最基本

原创 dom-console

作用

原创 HTTPS是如何工作的

密碼(Cipher) Java 1.2內置了一個叫做"JCE"(Java Crytography Extension)的系統。它主要負責Java內部的密鑰和證書的管理。 衆所周知,我們要給一段信息加密或者解密,就必須要有密鑰。這就好

原创 pushState

一、認識window.history window.history表示window對象的歷史記錄,是由用戶主動產生,並且接受javascript腳本控制的全局對象。window對象通過history對象提供對覽器歷史記錄的訪問能力。

原创 localStoragesessionStorage

1可以用JOSN.stringfiy和JOSN.parse來存儲對象 2當儲存的數據發生變化時,會觸發storage事件。我們可以指定這個事件的回調函數。 window.addEventListener("storage",onStora

原创 git submodules

在想要引入模塊,但是該工程不支持npm,不支持es6的情況下,可以使用git中的submodules命令進行安裝;git submodule add [email protected]/這樣就可以將該模塊安裝到自己的工程下有種情況我們經常會遇到

原创 錨點定位

1、使用id定位:  代碼如下: <a href="#1F" name="1F">錨點1</a>  <div name="1F">  <p>  11111111111  </br>  11111111111  </br>111111

原创 tree-shaking不完全指南

待完成

原创 arguments.callee

    setTimeout(function(){     console.log('1');     setTimeout(arguments.callee,1000);     },1000); 這裏arguments.call