前端細微小知識

2022-08-14 06:24:15 字數 1324 閱讀 8504

搜尋引擎搜尋時會先找到這三個標籤內容匹配的**

原因:影響瀏覽器渲染效能效能

id 權值為100; class 權值為10; tag 權值為1;

例如:html結構

<

div

id="box"

>

<

p class

="p1"

>12345

p>

div>

css樣式

#box#box>p  /*

權值為100+1=101

*/.p1 /*

權值為10

*/

此時由於#box>p的權值大於.p1 的權值,因此即使.p1 寫在了後面背景色也還是顯示綠色

在使用效果(滑鼠懸浮a元素,兄弟b元素做出樣式改變)時,做出樣式改變的兄弟b元素必須是a元素的緊鄰著的後乙個兄弟元素

css樣式

#box#box1#box:hover+#box1

html結構

<

div

id="box"

>

<

p class

="p1"

>12345

p>

div>

<

div

id="box1"

>

div>

上述寫法能夠成功實現樣式改變

html結構

<

div

id="box"

>

<

p class

="p1"

>12345

p>

div>

<

div>

div>

<

div

id="box1"

>

div>

上述寫法不能夠成功實現樣式改變

$(『xx』)每做一次都會載入一次,使效能降低

當需要設定某元素定位後又想要該元素實現居中的方法:只需要把該元素設定為top:0; left:0;則可實現margin:0 auto;

函式在前,呼叫在後,防止函式還沒載入完成導致不能實現功能的錯誤。

塊屬性:自己獨自霸佔一整行,預設寬度是100%,可以設定寬高div,p, h1~h6,form,ul,ol,li

25行內:可以與別人共處一行,不可以設定寬高,其寬高由內容給撐開span,a,strong

26行內塊:可以設定寬高,可以共處一行img,input

前端小知識

function sort arr if ischange return ajax的請求是同步的,不會因為寫的順序而有先後之分,要想第二個在第乙個後執行 offsetwidth 元素內可見區域的寬度 元素邊框寬度 如果有滾動條還要包括滾動條的寬度 clientwidth 元素內可見區域的寬度 scr...

前端常用知識

一.選擇器 選取某個元素的所有指定標籤子元素 id div 選取id為id的元素所有的div 選取某個元素所有的指定標籤元素 id img 選取id為id的元素下的所有的img 選取某個元素的第乙個子標籤 id div first 選取id為id的元素下的第乙個div 選取某個元素下第一代子標籤的第...

前端實用知識

1 輸入url到顯示網頁,中間發生了什麼 dns 完成網域名稱到ip的對映 tcp傳輸 三次握手建立傳輸鏈結 傳送請求 分析url,設定請求頭 主體 伺服器返回請求檔案 html檔案 瀏覽器渲染頁面 dom tree渲染,css tree渲染,rander tree渲染,layout布局,gpu完成...