贝壳暑期实习前端 326 一二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>