近期项目设计知识点总结：flex布局、canvas、引入外部字体、rem、匹配选择器等

一、伪类、伪元素
锚伪类 a:link a:visited a:hover a:active分别是链接未访问时，链接被访问过后，鼠标悬停在链接上，鼠标点击链接那一瞬间，需按顺序设置


二、js禁止移动端页面滑动
①、position:fixed
②、$(document).on('touchmove',function(e){
e.preventDefault();
})
//preventDefault()方法将通知浏览器不要执行与事件关联的默认动作（如果存在）


三、正则表达式实现表单验证
姓名只能为中文或英文：/^[\u4e00-\u9fa5A-Za-z0-9-_\s]*$/
电话号码：/^0?1[3|4|5|7|8][0-9]\d{8}$/


四、页面加载完毕再执行js
①、onLoad="main()"//将js写在main()里
②、$(function(){})


五、播放背景音乐
<audio src=""></audio>
属性：autoplay自动播放/controls显示播放控件/loop循环播放/preload页面加载后是否载入音频


六、当前页面事件只发生一次
点击播放音效，只播放一次
$("#container").bind('click',function(){
var