前端复盘（1）

单纯的知识点整理，如果要示例的话还是得看笔记。

一、行标签与块标签
（1）块标签
特点：①独占一行；②能设置宽高；③可以自动换行。
常见的块标签：div、p、h、ul、li、dl（定义列表，跟ul…li类似）、dt（定义列表中的项目）、dd（描述项目的内容，与dt搭配）
（2）行标签
特点：①能与其他元素在同一行出现；②不能设置宽高；③不能自动换行。
常见的行标签：a、span、strong、u（underline）、em、i（斜体）、sub（下标）/sup（上标）。
（3）行内块级标签
特点：①能与其他元素在同一行出现；②能设置宽高
常见标签：textarea、input、img、button
（4）行标签和块标签之间可以相互转换吗？
可以，通过css中的display属性，它的属性值有inline（行标签）、block（块标签）、inline-block（元素以行内块级标签进行展示）

二、CSS的优先级
（1）先聊一聊CSS有哪七种基础选择器：
ID 选择器， 如 #id{}
类选择器， 如 .class{}
属性选择器， 如 a[href=“segmentfault.com”]{}
伪类选择器， 如 :hover{}
伪元素选择器， 如 ::before{}
标签选择器， 如 span{}
通配选择器， 如 *{}
（2）CSS 优先规则
优先级关系：内联样式 > ID 选择器 > 类选择器 = 属性选择器 = 伪类选择器 > 标签选择器 = 伪元素选择器>通配选择器

三、HTML5的新特性

1. 语义化标签
   header，article，footer标签等
2. 增强型表单
   新的input输入类型：color，url，date等
   新的表单属性：Placeholder（输入前的提示），min和max，required（不为空等
3. video和audio标签
4. canvas画布
5. svg画布
6. 地理定位
7. 拖放api
8. web worker。web worker 是运行在后台的 JavaScript，独立于其他脚本，不会影响页面的性能。
9. web storage（localStorage和sessionStorage）
10. websocket。WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。

四、CSS3的新特性
边框圆角（border-radius）、盒子阴影（box-shadow）、背景渐变（background:linear-gradient）、背景绘制区域（background-clip）、边框图片（border-image）

五、闭包
（1）闭包的特征
①函数嵌套函数；②内部的函数可以引用外部函数的参数和变量；③参数和变量不会被垃圾回收机制所收回
（2）闭包的优点
①允许一个变量长期驻扎在内存中；②避免全局变量的污染；③私用成员的存在

六、事件冒泡
（1）什么是事件冒泡
当一个元素接收到事件的时候 会把他接收到的事件传给自己的父级，一直到window 。（注意这里传递的仅仅是事件 并不传递所绑定的事件函数。所以如果父级没有绑定事件函数，就算传递了事件 也不会有什么表现 但事件确实传递了。）
（2）如何避免事件冒泡
①标准的W3C 方式：**e.stopPropagation();**这里的stopPropagation是标准的事件对象的一个方法，调用即可（e是标准的事件对象）
②非标准的IE方式:ev.cancelBubble=true; 这里的cancelBubble是 IE事件对象的属性，设为true就可以了（e是ie的事件对象）
（3）利用事件冒泡的优点
①：事件委托
事件委托：也称事件代理 就是利用冒泡的原理 把加事件加到父级上，触发执行效果。
②：新添加的元素还会有之前的事件