前端面试题

1.网页从输入网址到渲染完成经历了哪些过程？
（1）输入网址；
（2）发送到DNS服务器，并获取域名对应的web服务器对应的ip地址；
（3）与web服务器建立TCP连接；
（4）浏览器向web服务器发送http请求；
（5）web服务器响应请求，并返回指定url的数据（或错误信息，或重定向的新的url地址）；
（6）浏览器下载web服务器返回的数据及解析html源文件；
（7）生成DOM树，解析css和js，渲染页面，直至显示完成。

2.谈谈你对Ajax的理解？
（1）Ajax（Asynchronous JavaScript + XML），即异步JavaScript+XML的缩写，主要用来页面异步刷新，也是构建RIA的一种基础技术。
因为它涉及浏览器兼容、跨域等问题，在项目中一般会使用一些基础类库辅助实现，如jQuery等。

3.JavaScript中callee和caller的作用？
（1）caller是返回一个对函数的引用，该函数调用了当前函数；
（2）callee是返回正在被执行的function函数，也就是所指定的function对象的正文。

4.CSS层叠是什么？介绍一下
CSS就是层叠式样式表（Cascading Style Sheets）的简称，CSS中层叠的意思就是在HTML文档树结构中的子标记能够继承所有父标记定义的样式，还可以多次定义自己的样式，全部样式按照从外到内、由先到后的顺序叠加起来，如果不发生冲突，则全部样式都有效，重复定义冲突时按照内层优先、后定义优先的原则进行覆盖，即内层子元素覆盖父元素样式、后定义的覆盖先定义的样式。

5.说说你对语义化的理解？
（1）去掉或者丢失样式的时候能够让页面呈现出清晰的结构；
（2）有利于SEO：和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息：爬虫依赖于标签来确定上下文和各个关键字的权重；
（3）方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以意义的方式来渲染网页；
（4）便于团队开发和维护，语义化更具可读性，是下一步把网页的重要动向，遵循W3C标准的团队都遵循这个标准，可以减少差异化；

6.闭包的特性是什么？
（1）封闭性：外界无法访问闭包内部的数据，如果在闭包内声明变量，外界是无法访问的，除非闭包主动向外界提供访问接口；
（2）持久性：一般的函数，调用完毕之后，系统自动注销函数，而对于闭包来说，在外部函数被调用之后，闭包结构依然存在。

7.事件绑定和普通事件有什么区别？
（1）事件绑定就是针对dom元素的事件，绑定在dom元素上；
（2）普通事件即为非对dom元素的事件。

8.JavaScript对象的几种创建方式？
（1）工厂模式
（2）构造函数模式
（3）原型模式
（4）混合构造函数和原型模式
（5）动态原型模式
（6）寄生构造函数模式
（7）稳妥构造函数模式

9.Vue有哪些指令？
v-html、v-show、v-if、v-for等等

10.String.match与RegExp.exec有何区别？
match只会返回没有分组的全部匹配结果或者有分组的第一次匹配结果；
而exec可以利用循环返回全部匹配结果；