金山前端日常一面

#牛客AI配图神器#（一）CSS 相关
1. 实现元素垂直水平居中的方法有哪些？
2. flex 设为 1 时，对应三个属性的值是什么？
3. 如何用弹性布局实现 “上中下三栏布局”？
4. 中间区域内容过多时，如何让其在自身区域滚动而不挤压底部？
5. flex 的 gap 属性在低版本浏览器不兼容，替代方案是什么？
6. 了解哪些响应式布局方法？
（二）JS 相关
1. ES6 + 中常用的新特性有哪些？
2. Promise 有几种状态？状态之间的流转关系是什么？
3. Promise 构造函数是同步执行还是异步执行？
4. 如何判断一个元素是否在可视区域？
5. JS 中可能导致内存泄露的情况有哪些？
（三）TS 相关
1. TS 中 interface 和 type 的区别是什么？
2. 泛型的使用场景有哪些？
（四）工程化 & 网络相关
1. Webpack 中 loader 和 plugin 的区别及各自使用场景是什么？
2. 了解 Tree Shaking 的原理吗？
3. 项目开发中如何解决跨域问题？
4. HTTPS 为什么比 HTTP 更安全？其安全性如何保证？
（五）React 相关
1. React Hooks 中常用的有哪些？
2. React Hooks 为什么不能在条件渲染中使用？
3. 渲染列表时，为什么需要给子元素设置唯一 key？能否用index作为 key？
4. 对 React Diff 算法的理解是什么？
5. 对 React Fiber 的理解是什么？
（六）手撕
promise.all
对象比较