前端面试题（一）

 

这一段一直在准备面试题，直到如今还没胆量去找一家公司去面试，文章是我最近一直在总结，结合个人朋友去公司面试。出现的比较高的，也方便本身去查看，这也是我破处之做吧。分享给大家，废话很少说，开始怼。。。

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

      1.增长了绘画canvas画布。

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

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

      4.CSS3：

             实现了圆角：border-radius,

             阴影：box-shadow,

             增长了更多的CSS选择器，

             背景能够用RGBA，

2.说一下离线缓存有哪些？

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