前端题
HTML的Doctype作用? 严格模式与混杂模式如何区分？它们有何意义?
1.<!DOCTYPE> 声明位于文档中的最前面，处于 标签之前。告知浏览器的解析器，用什么文档类型 规范来解析这个文档。究竟是使用了html5规范，和html4规范还是xml规范，如果一个文档使用了DOCTYPE浏览器应该按照规范来渲染文档，这时候浏览器的模式是严格模式。
2.严格模式的排版和 JS 运作模式是 以该浏览器支持的最高标准运行。在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。
3.DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。
补充：
设立"严格模式"的目的：
- 消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为;
- 消除代码运行的一些不安全之处，保证代码运行的安全；
- 提高编译器效率，增加运行速度；
- 为未来新版本的Javascript做好铺垫。
简述document.write和 innerHTML的区别。
document.write只能重绘整个页面,
innerHTML可以重绘页面的一部分。
【异步编程】你知道的，javascript语言的执行环境是"单线程模式"，这种模式的好处是实现起来比较简单，执行环境相对单纯；坏处是只要有一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行，因此很多时候需要进行“异步模式”，请列举js异步编程的方法。
回调函数，这是异步编程最基本的方法。
事件监听，另一种思路是采用事件驱动模式。任务的执行不取决于代码的顺序，而取决于某个事件是否发生。
发布/订阅模式（观察者模式），上一节的"事件"，完全可以理解成"信号"。
Promises对象，Promises 对象是CommonJS 工作组提出的一种规范，目的是为异步编程提供统一接口。
阅读阮老师博文
回调函数
知乎网友[常溪玲]栗子：
你到一个商店买东西，刚好你要的东西没货，于是你在店员那里留下了你的电话。过了几天店里有货了，店员就打了你的电话，然后你接到电话后就到店里去取了货。其中，你的电话号码就叫回调函数，你把电话留给店员就叫登记回调函数，店里后来有货了叫做触发了回调关联的事件，店员给你打电话叫做调用回调函数，你到店里去取货叫做响应回调事件。
【响应式开发】用户从手机的浏览器访问www.baidu.com，看到的可能跟桌面PC电脑，是不太一样的网页效果，会更适合移动设备使用。请简要分析一下，实现这种网页区分显示的原因及技术原理。
原因：手机的网速问题、屏幕大小、内存、CPU等。
技术原理：
根据useragent、屏幕大小信息、IP、网速、css media Query等原理，实现前端或后端的特征识别和行为改变。
1.可能使用了html5的媒体查询viewport @medium
2.动态取document.documentElement.clientHeight
3.用rem布局
4.float 流体布局
【web性能】Flappy Bird是风靡一时的手机游戏，玩家要操作一只小鸟穿过无穷无尽的由钢管组成的障碍。如果要你在HTML前端开发这个游戏，为了保证游戏的流畅运行，并长时间运行也不会崩溃，请列举开发要注意的性能问题和解决的方法。
背景的卷轴效果优化。背景不能是无限长的图片拼接，必须有回收已移出的场景的方法。
将复杂运算从主UI线程中解耦。比如场景中小鸟的运动轨迹、碰撞算法等，需要在空闲时间片运算，不能和UI动画同时进行。
将比较大的运算分解成不同的时间片，防止阻塞主UI线程。最好使用webworker。
注意内存泄漏和回收。使用对象池管理内存，提高内存检测和垃圾回收。
进行预处理。将一些常用的过程进行预处理，
控制好帧率。将1秒分解成多个时间片，在固定间隔时间片进行UI动画，其他时间片用在后台运算。
通过 GPU 加速和 CSS transition 将小鸟飞行动画和背景动画分离
如下图，请实现表格信息的排序功能，当点击表头的属性区域，将表格信息进行排序切换功能，即第一次点击为降序排序，再一次点击进行升序排序。
jquery ajax中都支持哪些返回类型？
xml、html、script、json、jsonp、text、timestamp
官网手册
哪些语句可以在JS里判断一个对象oStringObject是否为String。
1、oStringObject instanceof String
2、Object.prototype.toString.call(String)
[可能还有其他，后面补充]
下面关于IE、FF下面脚本的区别描述错误的是？
A.innerText IE支持，FIREFOX不支持
B.document.createElement FIREFOX支持，IE不支持
C.setAttribute('class'，'styleClass') FIREFOX支持，IE不支持
D.用setAttribute设置事件 FIREFOX不支持，IE支持
A描述正确，请参考这里 [http://w3help.org/zh-cn/causes/SD9017]
B描述错误，请参考这里 [http://w3help.org/zh-cn/causes/SD9010]
C描述正确，请参考这里 [http://w3help.org/zh-cn/causes/SD9006]
D选项描述不清楚，其实都可以的，只是形式不同，具体参考这里 [http://w3help.org/zh-cn/causes/SD9006]
