前端學習筆記,只記一些自己常忘的,難的

2021-10-09 17:19:57 字數 2663 閱讀 4655

目錄

1.滑鼠經過的背景顏色,不是鏈結文字顏色

2.背景位置,第乙個引數是x座標,第二個是y座標,可以與方位名詞混合使用

3.css權重,相加得到的哪個大就選哪個

4.沒設定寬度,加了padding也沒有影響寬度;如果加了with,那麼再加padding,寬度就會加大,所以設設定時要小心

5.如果加了浮動,上一行(上面的元素)是沒有浮動的,則不會飄到上一行,如果上一行也有浮動,則會跟著隨著上一行浮動的位置

6.相對定位:是相對原來自己的位置進行移動,不脫標,原來位置誰也占用不了

7.子絕父相

8.定位總結:

9.定位特殊特性

10.單行文字溢位省略號顯示

11.獲取h5自定義屬性

加了 padding: 50px;,發現高度確實加了100px,但是寬度沒變

可以看出第二個塊元素,並沒有加浮動,所以第三個塊元素在自己這行進行右浮動

如果都加了浮動,則在最頂端會併排一起

絕對定位:

可以看出,s2(紅色)的定位是相對於第乙個(f 黑色)div,因為他有定位模式,而第二個(s1 粉色)沒有,且s3(綠色)占有了s2(紅色)的位置。

子級絕對定位,不會占有位置,可以放到父盒子裡面的任何乙個地方,不會影響其他的兄弟盒子。

父盒子需要加定位限制子盒子在父盒子內顯示。

父盒子布局時,需要占有位置,因此父親只能是相對定位。

這就是子絕父相的由來,所以相對定位經常用來作為絕對定位的父級。

總結:因為父級需要占有位置,因此是相對定位,子盒子不需要占有位置,則是絕對定位

絕對定位和固定定位也歸浮動類似。

1.行內元素新增絕對或者固定定位,可以直接設定高度和寬度。

2.塊級元素新增絕對或者固定定位,如果不給寬度或者高度,預設大小是內容的大小。(如下圖)

asoda;我懶得拉可能是的

1,如何來定義

規則:1)通過data-開頭;2)data-後必須至少有乙個字元,多個單詞之間用「-」;

建議:1)盡量使用小寫字母命名;2)不要有任何特殊字元;3)名稱不要純數字。

2,如何來取值

使用dataset[data-後面的單詞(但data-後面的單詞必須使用駱駝命名法,否則可能獲取不到值)]。

例如:示範學院

獲取值:p.dataset["schoolname"]或p.dataset.schoolname

發布

這樣可以讓文字域正好居中,對半切

解析器在呼叫函式每次都會向函式內部傳遞進乙個隱含的引數 ,

這個隱含的引數就是this, this指向的是一乙個物件,

這個物件我們稱為函式執行的.上下文物件,

根據函式的呼叫方式的不同,this會指向不同的物件

1.以函式的形式呼叫時,this永遠都是window

2.以方法的形式呼叫時,this就是呼叫方法的那個物件

想要輸出誰呼叫它就輸出呼叫者的name,加this就行,如果不加預設就是全域性的那個變數

記錄自己面試遇到的一些常忘的

1.宣告陣列的三種方式,以int和string舉例 第一種 int a new int 5 a 0 10 string a new string length 再賦值 a 0 第二種 int c new int string a new string 第三種 int i string a 總之,具體...

自己前端的一些筆記

彈性盒 移動端布局 1.父元素的屬性 display flex 我是乙個彈性盒 子元素水平排列 flex direction column 子元素垂直排列 justify content center 子元素水平對齊方式 align items center 子元素垂直對齊方式 2.子元素的屬性 f...

筆記 開始學前端,記一些概念

node.js 基於 chrome v8 引擎的 j ascript 執行環境 使用了乙個事件驅動 非阻塞式 i o 的模型,使其輕量又高效 類似於 j a 中的 jvm server.js 執行 node server.js npm node 的包管理工具 npm package 檔案 指定依賴包...