JS與CSS那些特別小的知識點區別

2022-03-25 11:28:54 字數 2226 閱讀 1016

1:target與currenttarget的區別

currenttarget指向的事件繫結的元素,target指向的是你點選的元素

2:attr與jprop在jquery在api當中的區別

2.1:首先要區分html標籤與dom元素物件的區別,頁面載入以後,html標籤在記憶體中都會對應乙個dom元素物件,他會將html標籤固有的特性轉化為物件屬性,

2.2:所以對於標籤中自定義的特性只能使用attr方法,其他的可以使用prop方法

3:pointer-events: none屬性的使用

pointer-events: none顧名思義是滑鼠事件失效,當處於父子關係當中時,我們應用在父元素的話,會直接透過父元素點選到子元素上面;當處於並列關係時,他會影響到絕對定位的層級關係。

4:箭頭函式當中的this指向的是函式執行是的宿主環境,和普通函式不同

4:color+border = border-color

很少人知道,定義了乙個元素的文字顏色,意味著這個元素的邊框顏色也被定義了

5:實際上垂直方向的排列計算是基於父元素的寬度而不是高度

在子元素設定margin-top,margin-bottom,padding-top,padding-bottom的時候,如果使用的是百分比計算,他實際上是相對于父元素的寬度進行計算的

6:oninput&onchange都是事件物件,當輸入的值發生改變時觸發事件

區別: oninput是在值改變時立即觸發

onchange是在值改變後失去焦點才觸發

propertychange功能和oninput相同,用以替代oninput在ie9以下的不相容性

$('#username').on('input propertychange', function

() )

7:this的指向問題 [this的取值取決於函式被呼叫時候,函式定義的時候是不能確定this的指向]

1建構函式當中的this

如果函式做為建構函式使用,那麼其實的this當然指向構造數來的物件

2函式作為乙個物件的屬性

當函式作為乙個物件的屬性被呼叫時,this就指向呼叫該屬性的物件

this的值取決於傳入的物件

4全域性 &呼叫普通函式時

this都是指向window

5在建構函式的prototype的this

function.prototype.getname = function

() this也指向構造數來的物件,整個原型鏈的this都指向當前物件的值

8://

1:三者都可以改變函式體中this的指向

2:call傳遞的引數是依次[this

,a,b,c]

,[array]]

4: bind呼叫的方式和call比較像,但是bind返回值是乙個新函式(改變了this的新函式),並且不會立即呼叫,而原函式的this不會改變

9:基本資料型別與複雜資料型別的區別

複雜資料型別的值是存在堆記憶體當中,

位址儲存在棧裡面,存在乙個指向堆記憶體的位址

基本資料型別的值是存在棧當中

10 for of ,for

in, foreach, map的區別

1:for

offor

...of迴圈可以使用的範圍包括陣列、set 和 map 結構、某些類似陣列的物件、generator 物件,以及字串

for...of結構不能直接使用,會報錯,必須部署了 iterator 介面後才能使用。可以中斷迴圈

2:for

in遍歷物件自身的和繼承(重點)的可列舉的屬性, 不能直接獲取屬性值。可以中斷迴圈

3:foreach

foreach: 只能遍歷陣列,不能中斷,沒有返回值

4:map

map: 只能遍歷陣列,不能中斷,返回值是修改後的陣列

11 let、const 以及 var

的區別是什麼

1:let 和 const 定義的變數不會出現變數提公升,而 var

定義的變數會提公升

2:let 和 const 是js中的塊級作用域

3:let 和 const 不允許重複宣告

4:let 和 const 定義的變數必須定義在使用之前 var

不需要

css小知識點

1 選擇器查詢順序是自右向左的順序查詢 2 色值 六位,每兩位代表乙個顏色的飽和度,rgb分別代表紅綠藍,每一位是乙個十六進製制,如果每個的兩位都重複,那麼可以只寫乙個 3 行內元素不能設定寬高 塊級元素可以 行內塊級元素 4 只需設定乙個寬或者高,另乙個會自動改變 5 凡是inline和inlin...

css小知識點

1,z index 該屬性設定乙個定位元素沿 z 軸的位置,z 軸定義為垂直延伸到顯示區的軸。如果為正數,則離使用者更近,為負數則表示離使用者更遠。z index 屬性設定元素的堆疊順序。擁有更高堆疊順序的元素總是會處於堆疊順序較低的元素的前面。元素可擁有負的 z index 屬性值。z index...

CSS小知識點

id選擇器 100 類選擇器 10 元素選擇器 1 content div 10 1 data 10 content data 10 10 選擇器是有優先順序的,可以通過權重來計算其優先順序 background color屬性用於為元素設定背景色,該屬 性接受任何合法的顏色值 bodybodybo...