23阿里云瓴羊电话一面

0908 一面 电话面试 （面试官有点感冒）
    1. 自我介绍
    2. 如何学习前端（帮我拓展了视野，告诉我webgl，canvas都是可以独立成为一份职业的技术）
    3. css实现toB业务中常见的左侧导航栏，右侧 header+body的布局
    4. flex属性的三个值的含义
    5. 实现内容滚动的必要条件
    6. script标签中有一段代码
        
        ```jsx
        <script>
        const ul = document.createElement('ul')
        for(var i = 0; i<10; i++){
        const li = document.createElement('li')
        li.onclick = ()=>alert(i)
        ul.appendChild(li)
        }
        </script>
        ```
        
        点击第三个li元素，会alert什么
        
    7. 如何让点击第三个li元素时alert出一个2呢
    8. 不用let怎么实现
    9. 为什么闭包可以实现（面试官后面问了知不知道js的gc，这里应该说下闭包可以延长变量生命周期）
    10. 知道js的gc吗（只说标志清理和引用计数）
    11. 实现一个sleep函数，暂停n秒后继续执行，不能耦合其他代码
    12. 当我有一个表格，其中第一列和第二列都可以排序，我点击两个排序按钮都可以请求新的排序好的内容，但是第一次响应的速度太慢，第二次响应先到来，会造成先显示第二次响应的内容后显示第一次响应的内容。如何实现按顺序显示？（面试官提示了一下，这个叫竞态条件，目标是以最终结果为准。我回答在发送第二个请求时取消第一个请求。然后讲了如何取消，AbortController等等。可以的。）
    13. 项目中的难点。（我说了一个threejs渲染优化的经历。撞枪口上了，这可是瓴羊。又问了很多关于浏览器性能指标如何查看，如何量化自己的优化操作的问题。）
    14. 反问