前端校招滴滴面试 第一篇

1.用Promise实现延迟3秒后输出 delay(3000).then(f,e)

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