Babel 可以转换 JavaScript 中的众多浏览器不支持的特性，它提供了许多插件和预设，可以根据你的需求进行配置。以下是一些 Babel 可以转换的 JavaScript 特性的示例：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=887ee84377164cb1aa77f68d1318f4f8箭头函数：将 ES6 箭头函数转换为普通函数表达式。类：将 ES6 类转换为 ES5 的构造函数和原型继承。模板字面量：将 ES6 模板字面量转换为普通字符串拼接。解构赋值：将 ES6 对象和数组的解构赋值转换为普通的赋值表达式。扩展运算符：将 ES6 扩展运算符转换为普通的函数参数展开。Promise：将 ES6 的 Promise 转换为使用回调函数的形式。async/await：将 ES7 的异步函数转换为 ES5 的普通函数和回调函数。Babel 还可以处理许多其他特性，例如模块化导入和导出、生成器函数、装饰器等等。你可以根据需要选择相应的插件或预设进行配置。要注意的是，某些特性可能需要额外的运行时依赖，因此在使用 Babel 时你可能需要安装一些额外的包。

手撕没撕出来, 凉得很彻底盒子模型flex:1和flex:2flex后面只有两个数时代表什么display:inline的元素margin和padding生效吗css变量用css实现一个三角形sortby函数手撕bindVue3有哪些重大的更新Proxy和defineProperty的区别nexttick原理微任务宏任务webpack异步加载原理JSONPTrigger手撕Trigger和TrackweakMap和Map的区别Vue模板引擎的实现原理虚拟DOM有什么缺点TCP的粘包和拆包TCP协议React的hook和Vue的hook的区别最后又写了两个简单的手撕,写Trigger的时候我已经...

1. 常见的行内元素2. 网页中head部分的meta标签有什么作用3. 子元素如何对父元素实现水平垂直居中4. 有用过grid吗？（了解过，但是没在项目中使用过）5. css中rem和em的区别6. 列举position的值7. 伪类和伪元素有什么区别8. canvas和svg有什么区别（回答了不熟悉canvas，svg使用一般是直接在网站中选取svg图标插入）9. 了解过svg的图标是如何实现的吗10. 列举数组有哪些方法11. 针对回答的方法，问了push、splice、shift、slice、fliter哪些是改变原数组，哪些不改变12. 讲一下防抖和节流的使用场景13. 字符串反转 说一下思路14. 数组随机打乱 说一下思路15. vue3中的hooks方法用过吗？ （我只说了生命周期，好像不是16. computed和watch的区别17. 列表渲染时，key有什么作用18. 图片懒加载具体是什么实现的（使用了vueuse中的useIntersectionObserver）19. 知道vueuse的作者吗（这个真不知道）20. 之前自己有写过一个hooks吗21. 有哪些常见的持久化方案22. cookies、sessionstorage、localstorage常见的使用场景23. 了解或者使用过ts吗（只看了一点ts，面试官还是比较看重这里的，表示ts一定要会24. package.json文件是干什么用的？25. package-lock.json文件和package.json有什么区别？26. 列举发起网络请求常见的http的header27. 说一下http的状态码28. 有哪些途径学习前端的知识29. 有提到过在掘金看帖子，还问我有没有固定关注的人或者订阅的专栏30. 未来对于前端学习有什么规划吗31. 怎么看别人都说ai会取代前端？说说看法反问：针对面试表现能不能提一些未来学习的建议？一定要会ts，前端工程化方面虽然使用不多，但是也要掌握滴滴流程很快，十分钟内就知道结果了。

1. 前端设计模式设计模式的目的就是编写更好 高内聚、低耦合、可维护的代码，下面是我的前端中常见的设计模式和相应的场景。单例模式：单例模式是一种只允许创建一个实例的模式。在前端中常用于创建全局唯一的对象，例如全局的状态管理器(vuex)、日志记录器等，避免了重复创建和资源浪费的问题。 class Store { constructor() { if (Store.instance) return Store.instance; this.data = {}; Store.instance = this; } } 工厂模式：工厂模式是一种根据参数不同创建不同对象的模式，工厂模式是前端中组件封装、...