html
-
html的元素有哪些（包含H5）？
-
塊級(jí)元素
div p ul ol li h1~h6 textarea -
行內(nèi)元素
a b span i em strong block input button select form -
H5新增
header section asize footer nav article
-
css
-
CSS3有哪些新增的特性嗜傅？
概括：邊背文轉(zhuǎn)動(dòng)列界選
-
1、邊框
border-radius border-color border-image -
2注暗、背景
background-size background-origin: border-box/padding-box/content-box. //從什么位置開始繪制 background-clip 從什么位置開始裁剪 background-break 從什么位置開始平鋪 -
文字效果
text-shadow: h-shadow v-shadow blur color text-overflow: clip/ellipsis(省略號(hào)) word-wrap:normal/break-word(邊界內(nèi)進(jìn)行換行) font-size-adjust:none/number 字體樣式改變但大小不變 -
轉(zhuǎn)換
2D见间、3D轉(zhuǎn)換
2D轉(zhuǎn)換：transform秋茫、translate滚局、rotate居暖、scale、matrix
3D轉(zhuǎn)換：rotateX()藤肢、ratateY()
-
動(dòng)畫
transform ——位移膝但、縮放、旋轉(zhuǎn)谤草、傾斜、矩陣變換
位移：translate(x,y) translate3D(x,y,z)
縮放：scale(x,y) scale3D(x,y,z)
旋轉(zhuǎn)：rolateX(....deg) rolate3D(x,y,z,deg)
傾斜：skew(x,y)
矩陣變換 martrix
transition(一個(gè)～另一個(gè)狀態(tài)) transition-property:表示對(duì)哪個(gè)屬性平滑過(guò)度 transition-duration:....多少時(shí)間 transition-time-function:通過(guò)什么方式進(jìn)行過(guò)度 animation animation是對(duì)transition功能的進(jìn)一步擴(kuò)展莺奸，可實(shí)現(xiàn)多步驟變換 幀設(shè)計(jì)丑孩，利用keyframes -
多列
column屬性
css3 實(shí)現(xiàn)分欄布局的方法非常簡(jiǎn)單，應(yīng)用column-count屬性即可
-
用戶界面
resize
box-sizing
outline-offset
js
-
寫一個(gè)方法去掉字符串中的空格
// 法一： function setStr(str){ return str.replaceAll(' ',''); } let str = '11a b 12 cc'; setStr(str); // '11ab12cc' // 法二： function trim(str){ if(typeof str === 'string'){ return str.split(' ').join(''); } } let str = '11a b 12 cc'; setStr(str); // '11ab12cc'
