1、h5的存储类型。
localStorage本地存储,永久存在
sessionStorage会话结束即消失。
会话:从输入用户名密码进入系统到退出系统的过程即为会话。即一个终端用户与交互系统通讯的过程。
2、h5应用程序缓存和浏览器缓存的区别。
h5应用程序缓存:可离线访问,让应用程序可以获取本地内容,已缓存的资源加载的更快,减少服务器负载,浏览器将只下载更新的或更改过的资源,提高网站性能。它的实现借助manifest文件。
<!document html>
<html manifest="demo.apache">
<body>
.....
</body>
</html>
浏览器缓存:在用户磁盘上对用户最近请求的资源进行存储。
二者区别:与传统的浏览器缓存相比,h5应用程序缓存不强行缓存用户访问的网站,只在有manifest文件时进行应用程序缓存。
3、除了audio video之外,还有什么媒体文件。h5如何嵌入视频,音频.
track:规定video元素定义的文件的外部文本轨道,定义字幕或其他文本,对外可见。
<video>
<track kind="subtitles" label=english src="tfs.vtt">
</video>
source:定义多种数据源
<video>
<source src="tfs.mp4" type="video/mp4">
<source src="tfs.ogg" type="video/ogg">
</video>
embed:定义嵌入的内容,比如插件。<embed type=“video/quicktime” src="fishing.mov">
h5嵌入视频,h5支持mp4 ogg webM
<video width="300" height="400" controls>
<source src="tfs.mp4" type="video/mp4">
你的播放器不支持。
</video>
h5嵌入音频,h5支持mp3 ogg wav
<audio controls>
<source src="tfs.mp3" >
你的播放器不支持。
</audio>
4、h5的文档类型和字符集。
文档类型:<!doctype html>
字符集:<meta charset ="UTF-8">
5、css盒子模型
分为ie盒子模型和标准w3c盒子模型。都由content padding border margin组成。
二者区别在于:ie盒子模型的content包含了border和padding。
6、css选择器的类型。css新增的伪类。
基础选择器:*{} p{} .info{} #info{}
组合选择器:li a{} div,p{} div>strong{}
属性选择器:p[title]{} div[class="right"]{}
伪类选择器:p:first-child{} a:link{} a:visited{} a:hover{} a:focus{} a:active{}
伪元素选择器:p:first-line{} p:first-letter{} p:before{} p:after{}
伪类和为元素的区别:点击打开链接
是否创建了新元素。若需添加新的元素加以标识,则为伪元素。
伪类是向一些选择器上添加特殊的效果。最初是用来表明状态,如链接的vistied hover focus link actuve,后来指逻辑上存在但无需再文档树上标明的幽灵类。
伪元素是将一些特殊的效果添加到某些选择器上。指某元素的子元素,逻辑上存在文档树上不存在。
可继承的样式:font-family color text-indent(首行缩进) font-size
不可继承的样式:padding margin border width height
css新增的伪类:p:first-of-type p:last-of-type p:only-of-type p:only-child p:nth-child(2) :enabled :disabled :checked
7、css优先级。
!important>内联>ID>伪类>属性>类>标签>*
8、动态修改层中内容的方法。 点击打开链接
innerHTML innerText
<div id="f1"></div>
<input type="button" value="innerText" onclik="IT()">
<input type="button" value="innerHTML" οnclick="IH()">
<script langue="javascript">
function IT()
{
f1.innerText="innerText"
}
function IH(){
f1.innerHTML="<H1>innerHTML</H1>"
}
</script>
层外outerHTML outerText