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

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可以重绘页面的一部分

原文地址:https://www.cnblogs.com/guanhuohuo/p/12526173.html