1. 變量與常量的區(qū)別 1-1.let變量 let變量禁止重復(fù)聲明，可更新。 // 聲明 let userName; console.log(userName); // 聲明時并...
1.項目在網(wǎng)格單元對齊方式 place-items設(shè)置容器中的所有項目在網(wǎng)格單元中的對齊方式項目在網(wǎng)格單元中默認(rèn)是拉伸的，只有項目在網(wǎng)格單元中存在剩余空間時，對齊才有必要且有意義 place-items: 垂直方向 水平方向；
1.箭頭函數(shù) 箭頭函數(shù)是用來簡化匿名函數(shù)的語法糖=> 胖箭頭-> 小箭頭 // => 胖剪頭 // -> 小箭頭 let id = 'C888'; let name = '電腦'; ...
1.數(shù)組與對象的解構(gòu) 對象結(jié)構(gòu) ({ name, age } = { name: '吳彥祖', age: 28 }); console.log(name, age); 數(shù)組解構(gòu) const colors = ['red', 'b...
js常用數(shù)據(jù)類型，變量和常量的聲明與賦值1.js的常用數(shù)據(jù)類型 原始類型：值傳遞、數(shù)值、字符串、布爾、undefind、null、symbol 值傳遞 // 值傳遞 let a = 100; b...
grid常用屬性意義及實例演示1. grid屬性 1.網(wǎng)格容器：由若干個矩形網(wǎng)格單元構(gòu)成2.網(wǎng)格項目：網(wǎng)格容器的子元素，必須放在網(wǎng)格單元中3.網(wǎng)格單元：由單元格和網(wǎng)格區(qū)域兩種表現(xiàn)形式4.網(wǎng)格軌道：由多個網(wǎng)格單元組成，根據(jù)排列方向有“行軌”和“列軌”之...
仿京東移動端首頁 演示截圖 Html代碼
flex容器與項目的常用屬性實例演示1. flex容器常用屬性 flex容器 描述 屬性 flex-flow 主軸方向與換行 row/column norap/wrap justify-content 項目在主軸上的對齊方式 默認(rèn)：f...
定位的類型與應(yīng)用場景和使用條件、實現(xiàn)一個模態(tài)框1.定位的類型定位的類型:靜態(tài)定位static,相對定位relative,絕對定位absolute,固定定位fixed 1.靜態(tài)定位:position(static)默認(rèn),也就是文檔流的定位,元素的顯示位...
box-sizing屬性和元素居中方式1. box-sizing屬性 box-sizing屬性定義了如何計算一個元素的總寬度和總高度，它有以下兩個值1.content-box是默認(rèn)值，如果設(shè)置一個元素的寬為100px，name這個元素的內(nèi)容區(qū)會有10...
em、rem的原理與應(yīng)用場景、rem/em/vh/vw區(qū)別于聯(lián)系1.em、rem的原理與應(yīng)用 1.px是固定像素，一旦設(shè)置了就無法因為適應(yīng)頁面而改變2.em和rem相對于px更具有靈活性，因為它們長度不是定是的，更適用于響應(yīng)式布局 2-1.em和re...
css偽類選擇器狀態(tài)匹配、選擇器的優(yōu)先級提權(quán)、字體的屬性簡寫、盒子模型縮寫方案1. css偽類選擇器：狀態(tài)匹配 鏈接四種狀態(tài)，順序是固定的1.默認(rèn)狀態(tài)，沒訪問過：a:link {...}2.已訪問過狀態(tài)：a:visited {...}3.懸停狀態(tài)：...
css引入方式與上下文選擇器 偽類結(jié)構(gòu)相關(guān)1.css三種引入方式 CSS引入三種方式:內(nèi)部樣式表、外部樣式表、行內(nèi)樣式內(nèi)部樣式：僅對當(dāng)前頁面的元素有效，使用style標(biāo)簽外部樣式：適用于所有引用了這個css樣式表的html文檔，使用link標(biāo)簽行內(nèi)樣...
1211-自測題題目： html元素，標(biāo)簽和屬性之間的關(guān)聯(lián)與區(qū)別？為什么說html是結(jié)構(gòu)化的文檔?表單控件中的name屬性為什么非常重要？為什么現(xiàn)在都不再使用表格進(jìn)行頁面布局了？一個元素，最終呈現(xiàn)的樣式，由幾方面的因素決定的 1.html元素，標(biāo)簽...
1210-iframe與css初識1.iframe內(nèi)聯(lián)框架的工作原理 ...
