1. 说一下 web worker

    web worker 是运行在后台的 js，独立于其他脚本，不会影响页面的性能。并且通过 postMessage 将结果回传到主线程。

    如何创建 web worker

    1. 检测浏览器对于 web work 的支持性
    2. 创建 web worker 文件（js，回传函数等）

    3. 创建 web work 对象

    4. HTML5 的离线存储怎么使用，它的工作原理是什么（了解即可）（和 localStorage 不同）

    离线存储是指：在用户没有与网络连接时，可以正常访问站点或应用，在用户在因特网连接时，更新用户机器上的缓存
    原理：HTML 的离线存储是基于一个新建的 .appache 文件的缓存机制（非存储技术），通过这个文件上的解析清单，离线存储资源，这些资源会像 cookie 一样存储下来，并在离线状态下被浏览器读取和展示
    使用方法：
    （1）创建一个和 HTML 同名的 manifest 文件，然后再页面头部加入 manifest 属性

    1. <html lang="en" manifest="index.manifest">

    （2）在 cache.manifest 文件中编写需要离线存储的资源

    1. CACHE MANIFEST
    2.   #v0.11
    3.   CACHE:
    4.   js/app.js
    5.   css/style.css
    6.   NETWORK:
    7.   resoutse/logo.png
    8.   FALLBACK:
    9.   / /offline.html
    1. 浏览器是如何对 HTML5 的离线储存资源进行管理和加载
    • 在线的情况：会根据 manifest 的属性的情况，下载和更新 manifest 文件
    • 离线的情况：直接使用离线资源
    1. title 与 h1 的区别、b 与 strong 的区别、i 与 em 的区别？（了解即可）
    • title 只是一个描述内容是标题的标签，h1 是表示特定层级的标题
    • b 是加重字体，但语意上没有加强，strong 会加重语气，在无障碍设计中会体现
    • i 内容展示位斜体，但没有语意上的强调，em 会表示强调，在无障碍设计中会体现
    1. iframe 有哪些优点和缺点

    优点：

    1. 内容隔离
    2. 可以用来加载速度慢的内容（如广告）
    3. 可以实现跨子域通信
    4. 可以是脚本并行下载

    缺点：

    • iframe 阻塞主页面的 onload 事件
    • 无法被一些搜索引擎识别
    • 会产生多页面的管理问题