要我说前端开发们都准备到这种程度再去面试

本人算法和手写能力还比较薄弱，难的话就不写了

（一）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对象比较

1.请做一下自我介绍。2.介绍一下你实习期间负责的小程序项目，它的业务逻辑和技术栈是什么？3.在实习项目中，你和后端、UI 是如何协作开发的？4.什么样的业务数据适合放在 Pinia 全局状态管理中？5.轮播图等数据做持久化存储后，如果后端更新了数据，前端如何保证数据的实时性？6.Vue3 的组合式 API（Ref/Reactive）和 Pinia 的区别是什么？各自的适用场景是什么？7.在开发小程序时，你遇到过哪些微信平台的限制或技术难点？8.小程序中点击分享生成带有二维码的海报图片，你是如何实现的？9.使用 Canvas 绘制图片时，如果图片资源跨域，该如何处理？10.你在项目中实现 CSS 主题切换的具体方案是什么？11.什么是小程序的分包？它的主包和分包体积限制是多少？12.如果主包体积超过限制，除了分包，还有哪些优化静态资源的方法？13.你在项目中封装过哪些高频业务组件？14.封装 Table 组件时，除了修改样式，你是如何考虑其通用性和逻辑复用的？15.如果要封装一个集成“搜索表单 + 数据表格 + 分页器”的大组件，你的设计思路是怎样的？16.在 Vue3 中，父子组件之间如何进行属性继承和事件通信？17.你觉得 Vue3 和 React 在开发体验和底层逻辑上有什么区别？18.你平时自学前端的路径是什么？主要参考哪些文档或社区资源？19.实习期间，如果遇到技术难题，你会通过哪些步骤去寻找解决方案？20.你计划的实习时长是多久？最快什么时候可以入职？