04.06前端面试

1.对对象模型概念的理解：

1）核心：ECMAScript

包括语法、类型、关键字、保留字、运算符、对象等，除了JavaScript外，同时也是Nombas的ScriptEase和Flash脚本ActionScript的基础

2）文档对象模型DOM

HTML和XML的应用程序接口（API），把整个页面规划为层级式的节点结构

3）浏览器对象模型BOM

可对浏览器窗口进行访问和操作，移动、关闭浏览器窗口及调节浏览器窗口大小，获取用户屏幕分辨率的屏幕对象，WEB浏览器详细的定位对象。

弹出新的浏览器窗口，包括Window对象、Navigator对象、Screen对象、History对象、Location对象。

2.jquery里面怎么添加新节点

1）创建新节点：$(selector/element/html)用于获取或创建节点

2）插入新节点：a.append(b)-->把b追加到a中

3.html和html5相比，H5增加了哪些新特性？

1）新的文档类型

2）脚本和链接无需声明type  

3）语义Header和Footer

4）标记元素mark

5）HTML5引入了<figure>元素。当和<figcaption>结合起来后，我们可以语义化地将注释和相应的图片联系起来。

6）前我们需要依靠第三方插件来渲染音频。然而在HTML5中，<audio>元素被引进来了。

7）HTML5中不仅有<audio>元素，而且还有<video>。然而，和<audio>类似，HTML5中并没有指定视频解码器，它留给了浏览器来决定

8）当用户访问页面时这一属性使得视频得以预载。为了实现这个功能，可以在<video>元素中加上preload="preload"或者只是preload。

9）视频仅仅显示的是张图片，没有控制条。为了渲染出播放控制条，我们必须在video元素内指定controls属性。

10）在HTML4或XHTML中，你需要用一些正规表达式来验证特定的文本。而HTML5中新的pattern属性让我们能够在标签处直接插入一个正规表达式。

4.viewport的理解

手机浏览器是把页面放在一个虚拟的“窗口”（viewport）中，通常这个虚拟的“窗口”（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。移动版的 Safari 浏览器最新引进了 viewport 这个 meta tag，让网页开发者来控制 viewport 的大小和缩放，其他手机浏览器也基本支持。

5.用过vue.js吗

暂忽略