在前端學習道路上,容易混淆的幾個知識點

2021-10-19 16:07:53 字數 2225 閱讀 2481

defer:可選屬性。標識指令碼可以延遲到文件完全被解析和顯示之後再執行。只對外部指令碼檔案有效。

script標籤屬性async與defer之間的區別:藍色線代表網路讀取,紅色線代表執行時間,這倆都是針對指令碼的;綠色線代表 html 解析。

偽類:沒有創造元素內容,只是選中某些狀態下的已有元素,並附加樣式。比如:first-child,:active,:focus等等。

函式防抖:當持續觸發事件時,一定時間段內沒有再觸發事件,事件處理函式才會執行一次,如果設定的時間到來之前,又一次觸發了事件,就重新開始延時。

function debounce(handle, delay) , delay)}}

函式節流:當持續觸發事件時,保證一定時間段內只呼叫一次事件處理函式。

function throttle(handler, wait) }}

為了改變方法內部this的指向,第乙個引數為this的指向,其餘引數是乙個普通的引數列表。

call:第乙個引數為this的指向,其餘引數就是乙個普通的引數列表。

bind:第乙個引數為this的指向,其餘引數就是乙個普通的引數列表。但是返回是函式。

當然,三者的引數不限定是 string 型別,允許是各種型別,包括函式 、 object 等等!

儲存方式作用與特性儲存數量及大小cookie1、儲存使用者資訊,獲取資料需要與伺服器建立連線。2、可儲存的資料有限,且依賴於伺服器,無需請求伺服器的資料盡量不要存放在cookie中,以免影響頁面效能。 3、可設定過期時間。1、最好將cookie控制在4095b以內,超出的資料會被忽略。2、ie6或更低版本最多存20個cookie; ie7及以上版本最多可以有50個;firefox最多50個;chrome和safari沒有做硬性限制。localstorage1、儲存客戶端資訊,無需請求伺服器。2、資料永久儲存,除非使用者手動清理客戶端快取。3、開發者可自行封裝乙個方法,設定失效時間。5m左右,各瀏覽器的儲存空間有差異。sessionstorage1、儲存客戶端資訊,無需請求伺服器。2、資料儲存在當前會話,重新整理頁面資料不會被清除,結束會話(關閉瀏覽器、關閉頁面、跳轉頁面)資料失效。5m左右,各瀏覽器的儲存空間有差異。

__proto__是每個物件都有的乙個屬性,而prototype是函式才會有的屬性。

__proto__指向的是當前物件的原型物件,而prototype指向的,是以當前函式作為建構函式構造出來的物件的原型物件。

①只要建立了乙個函式,該函式的原型物件也隨之同時被建立出來,原型物件中的屬性和方法被經由其相對應的建構函式所建立的例項所共享。

②每個函式在建立之後都會獲得乙個prototype的屬性,這個屬性指向該函式的原型物件。

③每個物件的__proto__屬性都指向其建構函式的原型。

在前端學習道路上,容易混淆的幾個知識點!

defer 可選屬性。標識指令碼可以延遲到文件完全被解析和顯示之後再執行。只對外部指令碼檔案有效。script標籤屬性async與defer之間的區別 藍色線代表網路讀取,紅色線代表執行時間,這倆都是針對指令碼的 綠色線代表 html 解析。偽類 沒有創造元素內容,只是選中某些狀態下的已有元素,並附...

SpringMVC學習道路上的點滴 開發流程

在前一篇部落格 springmvc 學習道路上的點滴 springmvc 前奏準備 web mvc 中,我們了解到 webmvc 實現了前端控制器 應用控制器 動作 上下文 那麼 springmvc 也是的實現 根據請求對映規則分發給相應的頁面控制器進行處理.先來了解一下 spring mvc 處理...

送給還在php學習道路上迷茫的你

第一次聽說php是在去年的一次同學聚會上,來自於化工學院的我,只在大一的基礎課上學過一點 語言,倒是聽到這個新名詞卻各位感興趣,回去搜查一番資料了解到,php到底是什麼。當時剛好工作不是太順利,便決定開始自學這門新的程式語言。一開始我從 html html 和css 斷斷續續花了 1個多月時間,嘗試...