ciedr 前端 实习 40min

8.19 一面 技术面

自我介绍
讲讲实习项目中的重难点
项目做过的引以为傲的东西

虚拟列表？怎么实现？
从浏览器打开页面之后，浏览器怎么处理
defer属性和async属性的区别？
引用外链script放在哪里？
script标签放head和body有什么区别？
浏览器获取js之后，怎么处理？
讲一下回流重排？怎么减少？
事件循环了解过吗？宏任务微任务？

题目1：手撕防抖节流
题目2：
// 生成SKU
// 已知规格数据
        const spu = 'AB1234567';
        const specList = [
            ["red", "yellow"],
            ["XL", "S"],
            ['a1', 'a2'],
            ['b1', 'b2'],
        ];

/**
  输出结果：
 AB1234567-red-XL-a1-b1;
 AB1234567-red-XL-a1-b2;
 AB1234567-red-XL-a2-b1;
 AB1234567-red-XL-a2-b2;
 AB1234567-red-S-a1-b1;
 AB1234567-red-S-a1-b2;
 AB1234567-red-S-a2-b1;
 AB1234567-red-S-a2-b2;
 AB1234567-yellow-XL-a1-b1;
 AB1234567-yellow-XL-a1-b2;
 AB1234567-yellow-XL-a2-b1;
 AB1234567-yellow-XL-a2-b2;
 AB1234567-yellow-S-a1-b1;
 AB1234567-yellow-S-a1-b2;
 AB1234567-yellow-S-a2-b1;
 AB1234567-yellow-S-a2-b2;
  ....
*/

// 请完善如下createSKU函数及注释信息以符合输出结果;
/**
* @param
* @return
*/
function createSKU(){}

反问：
技术栈？
vue2 vue3 一点点react