前端面试知识点

1.HTML标签大概分为三种：

• 块状元素：div p h1-h6 ol ul dl table address .....
• 内联元素:a span i em strong lable q var cit
• 内联块状元素: img input

2.css定位：

position：static 定位：HTML元素的默认值，即没有定位，元素出现在正常的流中。静态定位的元素不会受到top, bottom, left, right影响。

position: absolute;生成绝对定位的元素，相对于static 定位以外的第一个父元素进行定位。

position: fixed;生成绝对定位的元素，相对于浏览器窗口进行定位。
position: relative;生成相对定位的元素，相对于其正常位置进行定位。生成相对定位，也就是说还在原本的上下左右之间，上下左右的元素都不变。

3.w3c 制定的 javascript 标准事件模型

事件捕获->事件处理->事件冒泡

4.什么是 Web Worker

Web Worker是在后台进行的线程，不会影响页面的性能。比如一个计算题，Web Worker在后台计算出数据后，将数据传给页面，在Web Worker进行计算的这段时间内，页面可以执行其他操作，所以不会影响页面性能。、

Worker 线程的缺点：浏览器禁止Worker线程操作任何BOM 和 DOM对象，不能使用Worker加载类似jQuery.js文件。

5.iframe的使用场景有？

• 与第三方域名下的页面共享cookie
• 上传图片，避免当前页刷新
• 左边固定右边自适应的布局
• 资源加载

6.  web storage有以下几种对象：

sessionStorage：存储特定于某个会话的数据，该数据只保留到浏览器关闭。

globalStorage：目的是跨越会话存储数据，不过要指定哪些域可以访问该数据。如果不使用 removeItem() 或 delete 删除，或者用户未清除浏览器缓存，存储在globalStorage上的数据会一直保留在磁盘上。所以globalStorage非常适合在客户端存储文档或长期保留用户偏好设置。

localStorage：在HTML5中作为持久保持客户端数据的方案取代了globalStorage。它不能被指定访问规则，要访问localStorage，页面必须来自同一个域名，使用同一种协议，在同一个端口上。它的数据也保留到通过JavaScript删除或用户清除浏览器缓存。

7.link 和 @import的区别

区别1：link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载CSS。

区别2：link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。

区别3：link是XHTML标签，无兼容问题；@import是在CSS2.1提出的，低版本的浏览器不支持。

区别4：link支持使用Javascript控制DOM去改变样式；而@import不支持。