前端面试题 (一) :

站在月亮上Da  ...

---

HTML5有哪些新特性？如何处理HTML5新标签的浏览器兼容问题？如何区分HTML和HTML5？

         HTML5有哪些新特性？

                    1）. 语义化标签   列 :  

 

....

                    2）. (增强型表单) 新增的表单元素   列 : color ,  date  ,  datetime  ,  email  ,  number .... 

                    3)  . 地理定位 （ HTML5 Geolocation（地理定位）用于定位用户的位置 ）

                    4)  . 视频和音频   html5提供了播放音频文件的标准 即 :

                    5）. 拖放 API 

                    6)  . 用于绘画 ''Canvas绘图''

                    7)  . SVG绘图  ( SVG指可伸缩矢量图形 )

                    8)  . Web Worker

                    9)  . Web Storage

                   10) . WebSocket

         如何处理HTML5新标签的浏览器兼容问题？

                    1)   . 实现标签被识别

                                通过document.createElement（tagName）来生产标签 即可让浏览器识别新标签，

                    2)   . JavaScript解决方案

                                a)  .  使用html5shim：

在中调用以下代码：

            

                               b)  . 使用kill IE6

在之前调用以下代码：

            

         如何区分HTML和HTML5？

                    首先 HTML 和 HTML5 在文档声明上 HTML5 更加 简洁,容易记忆  HTML 反之

                    然后在语义结构上 HTML5 加入,体现了 语义化标签 ( 所谓语义化标签 无非就是 见名之意 ) HTML 没有

---

css3中的transform有哪些属性？分别用来实现什么效果？

            旋转 rotate - 移动 translate - 缩放 scale - 扭曲 skew - 矩阵 matrix - 改变元素基点 transform-origin

localStorage、sessionStorage、cookie有什么区别？

                1、概述

                        sessionStorage 和 localStorage 是HTML5 Web Storage API 提供的，可以方便的在web请求之   间保存数据。

                         sessionStorage、localStorage、cookie都是在浏览器端存储的数据。

                2、共同点

                        都是保存在浏览器端，且同源的。

                3、区别

                        传递方式：

                        cookie在浏览器和服务器间来回传递；

                        sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存；

                 4、 存储大小：

                        localStorage<=5M；

                        sessionStorage<=5M；

                        cookie<4K；（ie内核浏览器占主流地位，且ie6仍占有相当大的市场份额，所以在程序中应当使用少于20个cookie，且不大于4k）

                        （感兴趣的朋友可以试试 往里塞东西~）

                 5、有效性：

                        localStorage：始终有效，窗口或浏览器关闭也一直保存，因此用作持久数据；

                        sessionStorage：仅在当前浏览器窗口关闭前有效，不能持久保持；

                    cookie：只在设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭也不会消失；

                6、共享机制：

                        localStorage ：在所有同源窗口中都是共享的；

                        sessionStorage：同时“独立”打开的不同窗口，即使是同一页面，sessionStorage对象也是不同的；

                        cookie：在所有同源窗口中都是共享的

               7、 浏览器支持：

                        sessionStorage的浏览器最小版本：IE8、Chrome 5。

               8、 使用场景

                        cookie：保存回话信息

                        localStorage：持久保存的数据

                        sessionStorage：拥有独立特性的数据

               9、存储位置？

                        cookie :  设置时间 放在 硬盘  没有 放在 运行内存

                       localStorage：硬盘

                        sessionStorage：运行内存

---

查看更多...