目标
- Html
- css
-js
js
- setTimeout setInteval异同
setTimeout("show()",5000);
setInteval("show()",5000);
相同点：都可以实现定时器功能，都有两个参数：第一个参数 是执行的js,第二个参数是毫秒数
不同点：setTimeout是一次性定时器，它用于实现延迟多少毫秒后执行某个方法
setInteval是每间隔多少毫秒执行某个方法。
- var a=fun; 与var b=fun()区别
function fun(){
return 6;
}
var a=fun;
var b=fun();
两种写法区别
a=fun 复制对象地址给a
b是fun的返回值6 - js原始数据类型包括哪些
Number String Boolean Undefined Null
Null与Undefined区别
Null： 是一个空对象, 没有任何属性和方法，对象被定义了，值为“null”；
Undefined： 表示定义但未赋值；js中的内置对象有哪些（了解）
Object Number String Boolean Math Date RegExp Function Events Arraytypeof instanceof === ！== delete运算符作用
typeof：检测数据类型，如typeof(); 返回参数的数据类型
instanceof：检测对象类型是否与指定类型相同， 返回布尔值true或false。
== ： 返回布尔值，判断两个变量是否相等，会进行隐式的类型转换。
===：全等操作符，操作符两侧的操作数不进行隐式类型转换，数据类型会影响比较操作
！==：不全等操作符，操作符两侧的操作数不进行隐式类型转换，数据类型会影响比较操作，
delete：删除对象中的属性，如delete obj.name;
history
history 相关方法 forward.go(-1) 回退一次 forward.go(1) 前进一次JS中的三种弹出式消息提醒(警告窗口、确认窗口、信息输入窗口)的命令是什么？
警告窗口：alert 只有一个确认按钮 无返回值
确认窗口:confirm 有确认 取消两个按钮 返回true/false
信息输入窗口:prompt 有输入框 确认 取消 按钮 返回用户输入的值innerHTML功能innerText
innerText文本原样输出
innerHTML当做html解析后在页面输出
css
css中。伪类及伪对象是什么，有什么特点
伪类及伪对象：由CSS自动支持，属CSS的一种扩展型类,名称不能自定义,使用时只能按照标准格式进行应用css常用的三种选择符
按id选择：#id
按class选择：.className
按标签选择：tagName三种引用样式表的方式及应用场景，特别是外部样式表
内部样式式表(在head> style之间)
外部样式表(link css方式）
内联式（行内直接引用）
内联式优先级最高.z-index
z-index叠放顺序可以为负数，越大层次越高text-decoration的四个值
none：没样式
underline：下划线
overline：上划线
blink：闪烁
line-through :删除线display
display:none隐藏 display:block 显示 inline-block：行块级 flex
- css四种定位方式
position:static默认定位 relative相对定位 absolute绝对定位 fixed固定
1.浮动
float:left right none
- CSS3新特性
1、强大的CSS选择器
2、新的颜色制式和透明设定
3、多栏布局的实现
4、多背景图效果
8、边框背景图片
9、盒子阴影
5、文字阴影效果
6、开放的网络字体类型
7、圆角
10 、媒体查询
html
- h5中，video audio标签作用，并写示例代码，解释常用属性
标签<video> 视频标签：
<video width="1280" height="720" controls autoplay src="video.mp4">
您的浏览器不支持 video 标签。
</video>
<video width="800" height="">
<source src="myvideo.mp4" type="video/mp4"></source>
<source src="myvideo.ogv" type="video/ogg"></source>
<source src="myvideo.webm" type="video/webm"></source>
<object width="" height="" type="application/x-shockwave-flash" data="myvideo.swf">
<param name="movie" value="myvideo.swf" />
<param name="flashvars" value="autostart=true&file=myvideo.swf" />
</object>
当前浏览器不支持 video直接播放，点击这里下载视频： <a href="myvideo.webm">下载视频</a>
</video>
标签<audio> 定义音频标签：
<audio src=“audio.mp3“ controls autoplay>
您的浏览器不支持 audio 标签。
</audio>
属性：
autoplay 视频在就绪后马上播放。
controls 显示播放控件。
height 设置视频播放器的高度。
width 设置视频播放器的宽度。
src 要播放的视频的 URL。
<button> <input type="button">区别
相同点：都可以产生按钮效果
不同点：<button>可以放置文本或图像。
在表单以外的地方使用<button>标签，表现为正常的按钮，可以用做事件触发器。
在表单内使用<button>标签，他变成submit按钮列举5个HTML5的结构标签
header、nav、article、section、aside、footer、hgroup、figure、figcaptionget/post区别（待写）
http://www.w3school.com.cn/tags/html_ref_httpmethods.asp
1)安全性 post安全
2）对数据长度的限制 get有长度限制 post没有
3）编码类型 post比get多支持一个multipart/form-data，就可以支持文件上传
4）可见性：get的请求参数在地址栏中可见
使用规则：
访问外网可以用get 比如百度
访问内网用post
-
表格行合并<td rowspan=""> 列合并<td colspan="">
image.png range 滑块 滑动条 min最小值 max最大值 step步长 value默认值
结构标签：(块状元素) 有意义的div
article:标签装载显示一个独立的文章内容。例如一篇完整的论坛帖子，一则网站新闻，一篇博客文章等等，一个用户评论等等
header: 标记定义一个页面或一个区域的头部
nav :标记定义导航链接
section :标记定义一个区域
aside: 标记定义页面内容部分的侧边栏
hgroup: 标记定义文件中一个区块的相关信息
figure: 标记定义一组媒体内容以及它们的标题
figcaption: 标签定义 figure 元素的标题。
footer: 标记定义一个页面或一个区域的底部
dialog: 标记定义一个对话框(会话框)类似微信
常用语义标签：
header:页眉
footer:页脚
nav:导航
main:文档主要内容
article:文章
aside:侧边栏。
- hidden 隐藏域，可以隐式带数据给后台
- novalidate取消表单验证
- required 必须的
- readonly 只读的，可以传到后台
- disabled 不可用的，值不传到后台
- focus blur 获取/失去焦点
html5新增表单类型
13个
search：圆角文本框 safari浏览器和Chrome浏览器 输入后带删除标志
email：邮箱 -带验证 @
url：网址 -带验证 http:// https:// ftp://
number：数字-带验证 包含小数点
tel：电话 -不带验证，移动端打开数字键盘
range：滑动条
color：颜色 可以选
时间|日期
time：时间
date：日期
datetime:日期加时间（大多数浏览器不支持，safari支持）
datetime-local：本地日期加时间（大多数浏览器支持,用它）
month:月
week：年份和周数
history方法
history.go(-1) history.go(-2)后退
history.go(1) history.go(2)前进
history.back() 后退一次
history.forward() 前进一次z-index
控制层的叠放顺序，值大的在前js的内置对象有哪些
Array 数组对象
Boolean 布尔
Date 时间
Math 数学
Number 数字
String 字符串
RegExp 正则表达式
Functions 函数
Events 事件
