引言
作为一名web开发人员，前端知识是必不可少的，页面布局，浏览器兼容性，js，jQuery，异步调用及CSS样式等等。现在最流行的h5,懂得h5之后，PC端和移动端都轻松搞定，音频视频处理等等，比之前的h4方便很多，速度和性能提高很多。
之前一直做后端，前端的知识接触的比较少，虽然有时候都是模块开发，前端和后台都要设计，但是那些对前端要求不高的。最近做一个智慧城市项目，客户对前端要求很多的，自己这次把自己安排到主要进行前端设计这一块，很久没有写前端东西了，突然感觉生疏了。通过这个项目，又从新开始拿起来我的前端的知识，在开发过程中遇到了很多问题，虽然都是基础性的问题，但是这些也是大家最常见的一些问题。也许大家都觉得简单，就不记住了，都是用的时候去查，但是这样浪费浪费时间的。工作之余整理了一下这几天遇到的一些问题，都是一些简单的前端问题，越是简单的东西越是容易被大家忽略的，空闲整理一下记录下来。
一、页面自动刷新
1、在HTML头地方添加<meta http-equiv="refresh" content="5"> 这样一行代码，页面就会定时刷新。content是设置多长时间刷新一次
2、在页面中使用js设置一个时间间隔，调用刷新函数refresh。 setInterval("refresh();", 5000); --5秒刷新一次
二、背景图随着屏幕变化而变化
通过CSS设置：
body {
background:url('img/index/bk.jpg') no-repeat;
background-size:100% 100%;
background-position:center center;
background-size:cover;
background-attachment:fixed;
}
三、页面滚动字幕
<div >颜色设置</a></marquee></div>
</div>
四、视频控件video
autoplay:false 如果出现该属性，则视频在就绪后马上播放。
controls="controls" 如果出现该属性，则向用户显示控件，比如播放按钮。
loop:如果出现该属性，则当媒介文件完成播放后再次开始播放。
1 <div id="main" style="width:100%;height:300px;"> 2 <div id="top" style="width:100%;height:50%;"> 3 <div id="top_left" style="width:50%;float:left;"> 4 <video autoplay="false" style="width:100%;"> 5 <source src="\i\video\ogg\ch01d.ogg" type="video/ogg" /> 6 您的浏览器 不支持video标签 7 </video> 8 </div> 9 <div id="top_right" style="width:50%;float:left;"> 10 <video autoplay="false" style="width:100%;"> 11 <source src="\i\video\ogg\ch01d.ogg" type="video/ogg" /> 12 您的浏览器 不支持video标签 13 </video> 14 </div> 15 </div> 16 <div id="bottom" style="width:100%;height:50%;"> 17 <div id="bottom_left" style="width:50%;float:left;"> 18 <video autoplay="false" style="width:100%;"> 19 <source src="\i\video\ogg\ch01d.ogg" type="video/ogg" /> 20 您的浏览器 不支持video标签 21 </video> 22 </div> 23 <div id="bottom_right" style="width:50%;float:left;"> 24 <video autoplay="false" style="width:100%;"> 25 <source src="\i\video\ogg\ch01d.ogg" type="video/ogg" /> 26 您的浏览器 不支持video标签 27 </video> 28 </div> 29 </div> 30 </div>