html的元素有哪些（包含H5）？
块级元素：head style body header footer section article aside nav menu br bir div p ul ol li dl dt dd form table tr th prev code cite caption address ifrom canvsa
行内级: blockquote audio area map label span a td input button strong b i em
CSS3有哪些新增的特性？
边框
border-radius 圆角
border-shadow 阴影
border-image:边框图像
背景
background-size 图片背景尺寸
background-origin 背景图片的定位区域
background-clip 背景图片的绘制区域
渐变
linear-gradient 线性渐变
radial-gradient 径向渐变
文本效果
word-break 换行规则
word-wrap 允许长的内容可以自动华航
text-overflow 文本超出的处理方式
text-shadow 文本阴影
text-wrap 文本换行规则
text-outline 文本轮廓
text-justity 字与字之间的间距使得每行对齐
转换
transform
transform-origin
translate(x,y)
translateX(n)
translateY(n)
rotate(angle)
scale(n)
scaleX(n)
scaleY(n)
rotate(angle)
matrix(n,n,n,n,n,n)
3D转换
transform
transform-origin
transform-style
3D转换方法
translate3d(x,y,z)
translateX(x)
translateY(y)
translateZ(z)
scale3d(x,y,z)
scaleX(x)
scaleY(y)
scaleZ(z)
rotate3d(x,y,z,angle)
rotateX(x)
rotateY(y)
rotateZ(z)
perspective(n)
过渡
transition
动画
@Keyframes](https://github.com/Keyframes)规则
animation
写一个方法去掉字符串中的空格
使用策略模式去除空格
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
<script>
const removeSpace = function(){
let strategy = {
whole(target){
let value = target.replace(/\s+/g,"")
return value
},
left_right(target){
return target.trim()
},
left(target){
return target.replace(/^\s*/g,"")
},
right(target){
return target.replace(/(\s*$)/g,"");
}
}
return (target,direction = "whole")=>{
return strategy[direction].apply(this,[target])
}
}()
let value = removeSpace(" ddd ddd ","left")
console.log("value:",value)
console.log("length:",value.length)
</script>
</html>
网友评论