贝壳暑期实习，2022-03-26，前端，下午场

第一次正式面试，有点紧张，流水面比较高压，但是纵深不会太深

面试模式：牛客外包，流水面，2技术面+1hr面

面试结束会立刻通知下一面
需要扫码摇号排队

需要加强理解：

如何反问技术面试官
如何面对hr
- 表现责任心、不一味强调个人追求
- 表现对公司的好奇和了解
  - 雷区：！！！工作地点一定要说那个公司的城市，提前看好！
- 团队意识，整理一下团队经验
- hr可能在套话
  - 其他投递公司可以实话实说（都在流程中）、
  - 人设：精神状态正常，肯吃苦吧大概
- 提问：公司架构，人才培养计划之类的

一面

自我介绍

html

header footer标签有什么了解

http

post和get的区别 *** 参考
- get怎么提交数据
- get提交数据有什么缺点
常用状态码
- 503 504 *** 参考
  - 503 Servive Unavailable 由于超载或系统维护，服务器暂时的无法处理客户端的请求。延时的长度可包含在服务器的Retry-After头信息中
  - 504 Gateway Timeout 充当网关或代理的服务器，未及时从远端服务器获取请求（通常是由于DNS解析）

css

说下行内标签，块标签
less用过什么功能
css平时写什么布局
- flex用过什么属性

react

函数式编程和类式编程区别
纯函数是什么 *** 参考
- 返回值只由输入参数决定
- 没有副作用（一个函数的执行过程产生了外部可观察的变化）
平时用的什么构建工具，说了脚手架eject，less-loader

es6新特性了解
- let
- promise
数组用过什么方法
- forEach和map的区别，返回值不一样，forEach没有返回值

手写防抖

平时学习方法是什么

有什么问题

二面

自我介绍

根据自我介绍问了下为什么学前端，怎么学的

看项目，对React有什么了解

state 副作用
redux怎么用的

手写：红绿灯，10s绿灯，2s黄灯，10s红灯，循环 ***

瞎写也没运行，问了setTimeout执行顺序 ***
setTimeout时间准确吗参考 ***

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>红绿灯</title>
    <style>
        #light{
            height: 30px;
            width: 30px;
            border-radius: 50%;
            background-color: grey;
        }
    </style>
</head>
<body>
    <p>实现红绿灯：循环亮，绿灯2s，黄灯1s，红灯2s</p>
    <div id="light"></div>

    <script>
        const light=document.getElementById('light')
        light.style.backgroundColor="green"

        function setLight(color, delay){
            return new Promise((resolve,reject)=>{
                setTimeout(()=>{
                    light.style.backgroundColor=color
                    resolve()
                },delay)
            })
        }

        // 法1：直接then
        function trafficLight(){
            Promise.resolve().then(()=>{
                return setLight('yellow', 2000)
            }).then(()=>{
                return setLight('red', 1000)
            }).then(()=>{
                return setLight('green',2000)
            }).then(()=>{
                trafficLight()
            })
            
        }

        // 法2：async await
        async function asyncTrafficLight(){
            await setLight('yellow', 2000)
            await setLight('red', 1000)
            await setLight('green',2000)
            asyncTrafficLight()
        }
        
        // trafficLight()
        asyncTrafficLight()

        
    </script>
    
</body>
</html>

有什么问题

HR面

自我介绍

简历上有几个项目，介绍一下你最能说的，说一下实现的功能，最有成就感的部分

有什么团队合作的项目经历

还面了什么公司，怎么会想投贝壳的

实习想学到什么，对工作内容和团队职责有什么预期

什么时候能实习，时间节点

有什么问题

Lury的世界尽头

面经复盘1：贝壳前端暑期实习 2022-03-26

一面

二面

HR面