1.一个页面从输入 URL 到页面加载完的过程中都发生了什么事情？
输入地址
浏览器查找域名的 IP 地址
这一步包括 DNS 具体的查找过程，包括：浏览器缓存->系统缓存->路由器缓存...
浏览器向 web 服务器发送一个 HTTP 请求
服务器的永久重定向响应（从 http://example.com 到 http://www.example.com）
浏览器跟踪重定向地址
服务器处理请求
服务器返回一个 HTTP 响应
浏览器显示 HTML
浏览器发送请求获取嵌入在 HTML 中的资源（如图片、音频、视频、CSS、JS等等）
浏览器发送异步请求
2.在项目开发完成之后，根据雅虎性能优化规则，需要对html，JS，CSS，图片需要做出怎样的处理？是否可以借助构建工具实现自动化？
尽量减少http请求，将图片压缩或者打包在一起，将js文件尽量放置在body尾部。而构建工具可以使用webpack、gulp。
3.什么是CSS Hack?
针对不同的浏览器写不同的CSS，解决浏览器兼容性
4.px和em以及rem的区别
px和em以及rem都是长度单位，区别是，px的值是固定的，指定是多少就是多少，计算比较容易。
em得值不是固定的，并且em会继承父级元素的字体大小。
而rem和em很类似，区别在于rem是继承html的字体大小。
5.说说类的创建、继承和闭包。
在es6未发布前，我们是通过构造函数的方法实现类的概念，而实现继承我们则需
要自己去封装一个函数，而在es6出来后，js就支持了类，继承也有了自带的方法来实现。
闭包的作用是为了防止全局变量的污染
6.什么是DOM，DOM使用了什么数据结构？
HTML DOM 定义了访问和操作获取、修改、添加或删除HTML元素的标准方法。DOM 将 HTML 文档表达为树结构。
可通过 JavaScript （以及其他编程语言）对 HTML DOM 进行访问。
7.ajax的readystate有5个状态 ，每个状态表示什么？
0 － （未初始化）还没有调用send()方法
1 － （载入）已调用send()方法，正在发送请求
2 － （载入完成）send()方法执行完成，已经接收到全部响应内容
3 － （交互）正在解析响应内容
4 － （完成）响应内容解析完成，可以在客户端调用了
8.JavaWeb开发中前后端分离的技术方案?
方案一：
前端使用ArgularJS，后端只提供JSON接口
缺点：第一次加载页面用时较长, SEO困难
方案二：
前端人员使用NodeJS渲染HTML模板，NodeJS调用后端JSON接口
缺点：加了一层NodeJS，增加了维护和部署成本，增加了性能开销
方案三：
使用Velocity做为模板引擎，前端人员只写静态页面，完成后交由后端人员进行“动态化”。
缺点：后端开发者不愿意写动态页，不能专注于业务逻辑的开发
方案四：
前端人员学习Velocity基本语法，直接编写*.vm文件。
缺点：前端开发者需要在本机上配置Java运行环境，难度较大
因为后端Tomcat服务器还需要提供手机App调用的RESTful接口，如果使用Velocity则需要写两套Controller(一个提供页面渲染控制器，一个提供手机调用RESTful接口)
9.JS如何判断不同的浏览器
function myBrowser() {
var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
var isOpera = userAgent.indexOf("Opera") > -1;
if(isOpera) {
return "Opera"
}; //判断是否Opera浏览器
if(userAgent.indexOf("Firefox") > -1) {
return "Firefox";
} //判断是否Firefox浏览器
if(userAgent.indexOf("Chrome") > -1) {
return "Chrome";
} //判断是否Google浏览器
if(userAgent.indexOf("Safari") > -1) {
return "Safari";
} //判断是否Safari浏览器
if(userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera) {
return "IE";
}; //判断是否IE浏览器
}
var Browser = myBrowser();
if("IE" == Browser) {
alert("IE");
}
if("Firefox" == Browser) {
alert("Firefox");
}
if("Chrome" == Browser) {
alert("Chrome");
}
if("Opera" == Browser) {
alert("Opera");
}
if("Safari" == Browser) {
alert("Safari");
}
10.angular 的数据绑定采用什么机制？详述原理
脏检查机制。
双向数据绑定是 AngularJS 的核心机制之一。当 view 中有任何数据变化时，会更新到 model ，当 model 中数据有变化时，view 也会同步更新，显然，这需要一个监控。
原理就是，Angular 在 scope 模型上设置了一个 监听队列，用来监听数据变化并更新 view 。每次绑定一个东西到 view 上时 AngularJS 就会往$watch队列里插入一条$watch，用来检测它监视的 model 里是否有变化的东西。当浏览器接收到可以被 angular context 处理的事件时，$digest循环就会触发，遍历所有的$watch，最后更新 dom。
