innerhtml和outerhtml的區別
innerhtml(元素內包含的內容)
outerhtml(自己以及元素內的內容)
offsetwidth offsetheight和clientwidth clientheight的區別
(1)offsetwidth (content寬度+padding寬度+border寬度)
(2)offsetheight(content高度+padding高度+border高度)
(3)clientwidth(content寬度+padding寬度)
(4)clientheight(content高度+padding高度)
(5)width(content寬度)
(6)height(content高度)
二、html和css**題
1.實現兩列布局:左列寬度為200px,右列佔據剩餘寬度。
html,
body
.one
/* 1、推薦使用 */
.two
/* 2、 */
/* .two */
<
/style>
="one"
>
<
/div>
="two"
>
<
/div>
2.有乙個是自適應螢幕高度的div,裡面兩個div盒子,實現上下兩布局:上列寬度為100px,下列佔據剩餘寬度。
height:
100vh;
width:
100%;}
height:
100px;
background-color: yellow;
} height:
calc
(100vh -
100px)
; background-color: red;
}<
/style>
>
>
<
/div>
>
<
/div>
<
/div>
2.把寬高均為300px的元素置於瀏覽器可用區域的正**,且位置不隨頁面滾動而變化。
div
純css使乙個盒子從左到右變大
使用animation
純js使乙個盒子從左到右變大
使用setinterval
.css屬性overflow屬性定義溢位元素內容區的內容會如何處理?
引數是scroll時候,必會出現滾動條。
引數是auto時候,子元素內容大於父元素時出現滾動條。
引數是visible時候,溢位的內容出現在父元素之外。
引數是hidden時候,溢位隱藏。
.nth-of-type()與nth-child()的區別
:nth-
child
(n)選擇器,該選擇器選取父元素的第n 個子元素,不論元素的型別。
:nth-of-
type
(n)選擇器,選擇器選取父元素的第 n 個指定型別的子元素。
TCP IP面試題(持續更新)
no.1 tcp ip基礎 這些知識點都可以參考 no.2 常見面試題 tcp與udp的區別 tcp協議是有連線的,有連線的意思是開始傳輸實際資料之前tcp的客戶端和伺服器端必須通過三次握手建立連線,會話結束之後通過四次揮手結束連線。而udp是無連線的 tcp協議保證資料按序傳送,按序到達,提供超時...
幾個面試題 持續更新
1.簡單列舉了解的程式語言及語言間區別。python簡單,python開發效率快,python 簡潔,跨平台,學習成本比較低 2.列舉python2和3的區別 後期要找一些模組和專案的區別 py3 print 編碼方式 unicode 類 新式類 range 可迭代物件 input 獲取的內容全都是...
kafka面試題 持續更新
kafka 中的資料只能儲存七天,隨之而來的問題就是某個偏移量對應的資料被清除,我們通過偏移量去查詢資料而發生的報錯 資料已經被 kafka 給清除掉了 也就是說我們讀取的偏移量小於 kafka 中資料儲存的最早的偏移量,說明資料已經被 kafka 給乾掉了 解決方式 將拿到的偏移量和 kafka ...