剪映 前端 1面

时间：9月14日

时长：60min

1. 介绍下学习前端的过程，和看过哪些相关书籍

2. JavaScript高级程序设计 看过吗

3. 图片加载到渲染全过程

4. dns解析流程

5. cdn原理

6. 浏览器缓存策略

7. max-age单位

8. 给一段代码，问是什么类型攻击(csfr)

9. 什么类型攻击(CSRF)，怎么避免

10. 闭包代码题

function back(){
	 let count = 0
	 let msg = `count is ${count}`
	 function add(){
		 console.log("count is",count);
		 count++
	 }
	 function log(){
		 console.log(msg);
	 }
	 return [add,log,count]
 }
 const [add,log,count] = back()
 add()
 add()
 add()
 log()
 console.log(count);

11.项目用了uniapp，问了些跨端相关

12.宏任务和微任务代码题，涉及 requestIdleCallback/requestAnimationFrame/setTimeout/Promise

13.for in / for of / for await of

14.css实现三角形和平行四边形（这里给我介绍了clip-path）

15.position sticky的作用

16.项目有哪些可以优化的地方

17.断点续传实现

18.代码题，有一个promise任务队列，定义一个并行处理函数，function(queue,limit)，limit限制可同时处理的任务数，然后等所有结果执行完成返回结果

19.实现组合函数，使用reduce将传入对象分别执行fn1、2、3

function compose(...fns) {
    // todo:
    // 只能使用reduce
}
// demo
function fn1(props) {
    console.log("fn1");
    props.b = 2;
    return props;
}

function fn2(props) {
    console.log("fn2");
    props.c = 3;
    return props;
}

function fn3(props) {
    console.log("fn3");
    console.log(props);
}

compose(fn1,fn2,fn3)({ a: 1 });