前端面试题（一）

这一段一直在准备面试题，直到现在还没胆量去找一家公司去面试，文章是我最近一直在总结，结合我的朋友去公司面试。出现的比较高的，也方便自己去查看，这也是我破处之作吧。分享给你们，废话不多说，开始怼。。。

1.说一下HTML5有什么新特性？

      1.增加了绘画canvas画布。

      2.增加了影音、数据存储、多任务处理等处理能力。

      3.新的特殊元素，比如说：caledar,data,time,email,url,serach等。

      4.CSS3：

             实现了圆角：border-radius,

             阴影：box-shadow,

             增加了更多的CSS选择器，

             背景可以用RGBA，

1. Application Cache

     优点：

               可以离线浏览，用户可以用离线的方式使用Application。

               由于缓存了资源，所以加载速度很快。

               减少访问服务器端，浏览器只要从服务器更新过数据。

      缺点：

               Manifest文件有变化，才会更新。

                一次必须更新Manifast中的所有文件，下次才能生效。

  2.Local Storage

        优点：

1. 容量大，做大可达到5M以上，甚至更多。
2. 容易使用
3. 非常强大
4. 进本地存储，不会和服务器交互。
5. 支持原生

          缺点：

1. 安全性差
2. 兼容性差，暂时只支持Chrome,不支持IE，6，7，8，好像后来也支持Safari浏览器了，其他的没过多的了解。

3.WebSQL

1.   本地存储
2. 可以处理复杂关系类型的数据 

4.IndexedDB

          优点：

1. 标准化
2. 存储复杂的数据
3. 支持索引

         缺点：

1. 不支持SQL
2. 相对于操作来说优点复杂。

3.cookies,localstorage和sessionstorage的区别？

• 存储大小：

      cookies的数据大小不能超过4K，

      localstorage和sessionstorage虽然也有存储大小限制但比cookies,可以达到5M。

• 有效时间：

     localstorage存储时间长浏览器关闭数据后，数据不会丢失，而非自动删除。

     sessionstorage 数据在当前浏览窗口关闭后删除。

     cookies设置的cookies过期时间之前一直有效，即窗口或者浏览器关闭。

4.你知道原生页面是如何通信的吗？

1. 可以通过Window.open方法实现通信。
2. 可以用iframe通信（方法）

            父页面向子页面传递信息

            子页面向父页面传递信息

   3.利用Postmassage实现页面通信

今天先就写到这里了，以后每天会更新，新人报道，请多多关照，如果说觉得我写的文章能给你带来帮助的话，请支持我一下。如果觉得我写的有问题的，请在下方的评论区留言我会及时更正，嘻嘻。

我也厚颜无耻一下。多少都是对我的支持与赞赏。哈哈哈。（笑晕过去了）......

gethub:https://github.com/Ji-webtoken