20190418

1 [html] html的元素有哪些（包含H5）？

答：

行内元素:
<span>、<b>、<i>、<input>、<img>、<a>、<button>、<select>
块级元素：
<div>、<table>、<th>、<tr>、<td>、<tbody>、<theader>、<p>、<ul>、
<li>、<ol>、<dl>、<dt>、<dd>、<h1>~<h6>、<textarea>
H5新增：
<header>、<footer>、<nav>、<audio>、<video>、<article>、<aside>、

2 [css] CSS3有哪些新增的特性？

答：

• 边框圆角

  • border-radius 圆角

  • box-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-justify

• 盒子阴影

  • box-shadow

• 2d、3d变换

  • 2D转换属性

    • transform

    • transform-origin

  • 2D转换方法

    • translate(x,y)

    • translateX(n)

    • translateY(n)

    • rotate(angle)

    • scale(n)

    • scaleX(n)

    • scaleY(n)

    • rotate(angle)

    • matrix(n,n,n,n,n,n)

    • skew() 按角度形变

  • 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规则

  • animation

3 [js] 写一个方法去掉字符串中的空格

答：

var str = 'ABC DE'
var trim = function(str) {
  return str.replace(/ /, '')
}
trim(str)

str.replace(/\s*/g, '') //去除字符串内所有的空格
str.replace(/^\s*|\s*$/g, '') //去除字符串内两头的空格
str.replace(/^\s*/, '') //去除字符串内左侧的空格
str.replace(/(\s*$)/g, '') //去除字符串内右侧的空格