网页动画特效面试题【四】

1、请谈下团购倒计时如何实现？

团购倒计时页面端的效果比较好实现，主要是样式和时间的操作，重要的考虑时间要和服务器端同步，其实 这个效果也可以基于服务器端推送技术来实现。

2、轮播图有哪几种？如何实现？

纯CSS可以实现轮播图；JS实现轮播图；Boostrap

3、JavaScript的事件流模型都有什么，以及怎么阻止他们？

1、原始事件模型 普通的事件绑定，比如事件赋值，按钮上绑定事件等
2、DOM2事件模型
addEventListener(“eventType”，“handler”，“true!false”)；
removeEventListner(“eventType”，“handler”，“true!false”)；
气泡模型（与ie有点区别） ，冒泡和捕获
3、IE模型 气泡模型
attachEvent(“eventType”，“handler”)
detachEvent(“eventType”，“handler”) 与dom2不同的是eventType有on前缀

4、什么是事件冒泡/捕获？

事件冒泡： 事件到达事件目标之后不会结束，会逐层向上冒泡，直至document对象，也就是子元素事件的触发会影响父元素的事件；
开关事件冒泡：
A，开启事件冒泡：event.addEventListener(eventName，handler，false)；
B，关闭事件冒泡：假设传统方式事件的返回值为e，就可以通过e.stopPropagation()来关闭事件冒泡；
C ,return false; 同时具有阻止冒泡和阻止默认行为的功能
事件捕获：父元素的事件会影响子元素的事件；
开启事件捕获：event.addEventListener(eventName，handler，true)

5、 如果需要手动写动画，你认为最小时间间隔是多久，为什么？

多数显示器默认频率是60Hz，即1秒刷新60次，所以理论上最小间隔为1/60＊1000ms ＝ 16.7ms

6、 documen.write和 innerHTML的区别?

document.write只能重绘整个页面
innerHTML可以重绘页面的一部分