---恢复内容开始---
因为最近有些事情耽误了一些课程，所以我会尽量赶上进度。
第一种：流式布局
根据闫老师的说法，流式布局就是响应式里面用得最多的一种表现方式.
比如说：今天是我做的一个网页的头：
container{
max-width: 100%;
min-width: 32px;
/*height: 300rem;*/
margin: 0 auto;
background-color: #F8F9FA;
border: 1px solid silver;
}
#container #header{
width: 100%;
height: 50px;
background-color: #FF8200;
}
#header a{
display: block;
text-decoration: none;
font-size: 20px;
color: white;
/*margin-top: 15px;*/
}
#header .header-a1{
float: left;
font-size: 27px;
margin-top: 10px;
}
#header .header-a2{
text-align: center;
padding-top: 15px
}
#header .header-a3{
float: right;
font-size: 17px;
margin-top: -21px;
}
#input{
width: 96.5%;
/*margin: 0 auto;*/
margin-left: 20px;
margin-top: 20px;
/*float: right;*/
}
<div id="container">
<div id="header">
<a href="" class="header-a1"><</a>
<a href="" class="header-a2">爆料详情</a>
<a href="" class="header-a3">返回列表</a>
</div>
</div>
当让这只是一个最简单的列子，生成的静态页面如下：
这种布局会随着屏幕窗口的放大，放小而不会改变网页的布局。
div{
float: left;
width: 30%;
height: 100px;
margin: 10px;
}
@media only screen and (max-width: 600px) {
div{
width: 95%;
}
}
这种方法要有精确的计算：
max-width就是当屏幕小于等于多少的时候执行(<=) min-width就是当屏幕大于等于多少的时候执行(>=)
1em=16px12px=0.75em
10px=0.625em
body {
font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/
}
h1 {
font-size: 2.4em; /*2.4em × 10 = 24px */
}
p {
font-size: 1.4em; /*1.4em × 10 = 14px */
}
li {
font-size: 1.4em; /*1.4 × 10 = 14px */
}
上次项目答辩所问到的问题：1.javascript中数组有哪些方法
concat()连接两个或更多的数组，并返回结果。 join()把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。 pop()删除并返回数组的最后一个元素 push()向数组的末尾添加一个或更多元素，并返回新的长度。 reverse()颠倒数组中元素的顺序。 shift()删除并返回数组的第一个元素 slice()从某个已有的数组返回选定的元素 sort()对数组的元素进行排序 splice()删除元素，并向数组添加新元素。 toSource()返回该对象的源代码 toString()把数组转换为字符串，并返回结果。 toLocaleString()把数组转换为本地数组，并返回结果。 unshift()向数组的开头添加一个或更多元素，并返回新的长度。 valueOf()返回数组对象的原始值
2.localstorage,sessionStorage有什么区别？
1.localStorage ： localStorage 没有时间限制的数据存储，也就是说， localStorage是永远不会过期的，除非主动删除数据。 数据可跨越多个窗口，无视当前会话，在同一个域中 被共同访问、使用。 2.sessionStorage 针对一个 session 的数据存储，任何一个页面存储的 信息在窗口中同一域下的页面都可以访问它存储的数 据。每个窗口的值都是独立的，它的数据会因窗口的 关闭而丢失，不同窗口间的sessionStorage是不可以 共享的
3.HTML5中的datalist是什么？怎么写的?
HTML5中的Datalist元素有助于提供文本框自动完成特性,写法<input list="Country"> <datalist id="Country"> <option value="India"> <option value="Italy"> <option value="Iran"> <option value="Israel"> <option value="Indonesia"> <datalist>
好了，今天就更新到这里了。
原文：http://www.cnblogs.com/yzhong/p/5065202.html