前端校招滴滴面试 第一篇，web开发工程师面试题

A:

function delay(timer) {

return new Promise(function(resolve, reject) {

setTimeout(function() {

resolve();

}, timer)

})

}

2.图片懒加载原理 （lazy image）

---

A：给每张图片添加一个data-xxx的属性用于存放图片的src，检测到图片进入视野中的时候把data-xxx的属性赋给src

如何检测图片进入视野：

• a.document.documentElement.clientHeight获取屏幕可视窗口高度

• b.element.offsetTop获取元素相对于文档顶部的距离

• c.document.documentElement.scrollTop获取滚动被卷去的高度

如果b-c<a成立则元素进入可视区域，

具体实现：参考第五题，js实现图片懒加载原理

3.上传图片和预览实现

---

上传：

//ajax的基本写法

function ajax(url,data,fn){

const xhr =new XMLHttpRequest();

xhr.onreadystatechange =function(){

if(xhr.readyState ===4 &&