查漏补缺（一）

Math函数

1. Math.abs()：取绝对值
2. Math.ceil()：向上取整
3. Math.floor()：向下取整
4. Math.round()：四舍五入取整
5. Math.random()：得到一个[0,1)的随机数
6. Math.min()：在一组数中获取最小值
7. Math.max()：在一组数中获取最大值
8. Math.PI：获取圆周率π
9. Math.sqrt()：开方
10. Math.pow(x,y) ：计算x的y次方

常用正则表达式

• 正则表达式的方法

1. str.match(regexp)：在字符串内检索指定的值，以数组形式返回匹配结果
2. str.search(regexp)：在字符串内检索符合要求的子字符串，并返回这个子字符串在字符串中的起点位置
3. str.repalce(替换的正则要求,替换内容)：替换正则要求的字符串，返回替换后的字符串
4. regexp.test(str)：检测字符串是否匹配某个模式，如果是返回true，不是返回false
5. regexp.exec(str)：检索字符串中是否有匹配，如果有匹配则返回匹配的结果，结果为数组类型，没有返回null

console.log('xxxssss sss ffff'.match(/xxx/g)); //['xxx']
console.log('123ssss 123 sss f123fff'.match(/\./)); //null
console.log('1234ffff'.replace(/\d+/,5678)) //5678ffff
console.log('1234ffff'.search(/2/)) //1
console.log(/\d+/.exec('1234ffff1234')) //['1234', index: 0, input: '1234ffff1234', groups: undefined]
//exec方法与match方法很相似，但exec方法的RegExp对象不会因为有全局搜索（g）就没有后面的内容

• 常用规则

7. \d：[0-9]
8. \w：[A-Za-z0-9] 、下划线
9. \D：与\d相反
10. \W：与\w相反
11. \s：空格
12. \S：与\s相反
13. +：匹配前面一个表达式1次或多次
14. *：匹配前面一个表达式0次或多次
15. {n,}：至少n次
16. {n, m}：n到m次

更多：https://www.cnblogs.com/lnlvinso/p/10467941.html

marquee标签

注意：marquee标签已经被淘汰
direction属性：left（从右到左）、right（从左到右）、up、down
scrolldelay属性：每次滚动的时间间隔

CSS动画

1. keyframe规则

@keyframe name{
  from/0%{相应的css样式}
  25%{相应的css样式}
  50%{相应的css样式}
  75%{相应的css样式}
  to/100%{相应的css样式}
}

2. animation属性

animation-delay：动画执行延迟的时间
animation-duration： 动画完成持续的时间
animation-direction：动画的执行方向（normal、alternate）
animation-name：执行动画的名字
animation-iteration-count： 执行动画的次数
animation-timing-function：执行动画的速度
animation-fill-code：不播放动画时的样式（none、forwards、backwards、both）
animation-play-state：设置动画暂停或执行（paused、running）

简写顺序：animation-name animation-duration animation-timing-funciton animation-iteration-count animation-direction

JS中所有数据都是以 64 位浮点型数据(float) 来存储。基本类型变量用8字节内存：8byte=64bit

不会继承的CSS属性

1. width家族：width、max-width、min-width等
2. height家族
3. margin家族：margin-top等
4. padding家族：padding-top等
5. border家族：border-top-style、border-top-color
6. position家族：top、left、right、bottom
7. background家族
8. vertical-align
9. text-decoration
10. text-shadow
11. white-space
12. unicode-bidi
13. overflow
14. z-index
15. float
16. content、counter-reset、counter-increment
17. outline-style、outline-width、outline-color、outline

https://blog.csdn.net/broken_promise/article/details/125202833

可以继承的CSS属性

1. font系列属性
2. text-indent：文本缩进
3. text-align：文本水平对齐
4. line-height：行高
5. word-spacing：增加或减少单词间的空白（即字间隔）
6. letter-spacing：增加或减少字符间的空白（字符间距）
7. text-transform：控制文本大小写
8. direction：规定文本的书写方向
9. color：文本颜色
10. visibility：元素是否可见
11. list-style
12. cursor

https://www.cnblogs.com/thislbq/p/5882105.html

audio与video

audio标签、audio对象方法

属性：

1. autoplay：如果出现该属性，则音频在就绪后马上播放
2. controls：如果出现该属性，则向用户显示控件，比如播放按钮
3. loop：如果出现该属性，则每当音频结束时重新开始播放
4. muted：规定视频输出应该被静音
5. preload ：如果出现该属性，则音频在页面加载时进行加载，并预备播放
6. src：要播放的音频的 URL

对象方法：

1. load()：加载
2. play()：播放
3. pause()：暂停
4. canPlayType()：检测浏览器是否能够播放指定类型的音频
5. addTextTrack()：向音频添加新的文本轨道
6. fastSeek()：指定播放时间

事件：
abort：终止下载时触发
ended：播放完成时触发
seeked：用户移动、跳到新位置时触发

video标签、video对象方法

属性：
在audio标签的基础上增加3个属性

1. width：宽度
2. height：高度
3. post：规定视频下载时显示的图像，或者在用户点击播放按钮前显示的图像

对象方法：
与audio对象方法一致

table标签

<table border="1">
  <tr>
    <th>xxxxx</th>
    <th>yyyyy</th>
  </tr>
  <tr>
    <td>kkkkk</td>
    <td>wwwww</td>
  </tr>
</table>

table容易混淆的属性：
1. cellpadding：表格中文字与边框的距离
2. cellspacing：单元格之间的距离

SVG与canvas的区别

1. SVG绘制出的元素都是独立的DOM节点，canvas绘制出的是一整幅画布，因此canvas产生的DOM数量比SVG少
2. SVG可以使用css设置动画样式，canvas不可以

canvas标签

//开辟一个canvas空间
<canvas id="myCanvas"></canvas>
<script>
//找到这个空间并为它获得绘图工具
var canvas = document.getElementById('myCanvas');
var ctx = canvas.getContext('2d');
//使用canvas工具进行绘图
...
</script>

https://blog.csdn.net/ff906317011/article/details/80415137

menu标签

//定义菜单列表。当希望列出表单控件时使用该标签
<menu label="File">
	<li></li>
	<li></li>
	<li></li>
</menu>
<menu label="Edit">
	<li></li>
	<li></li>
	<li></li>
</menu>

command标签

//标签定义命令按钮，比如单选按钮、复选框或按钮
//只有在menu标签里定义command标签才会显示出来，目前只有IE支持command标签
<menu>
	<command onclick="alert('click')">点击</command>
</menu>

主要属性：
type：checkbox、command（默认）、radio
checked：定义是否被选中。仅用于 radio 或 checkbox 类型
disabled：定义command是否可用
radiogroup：定义command所属的组名。仅在类型为 radio 时使用。