Babel的预设是什么？

CSS3的伸缩盒子（Flexbox）布局是一种用于创建灵活且自适应的网页布局的技术。 它旨在提供一种简单、直观的方式来布局和对齐元素，适应不同的屏幕尺寸和设备。伸缩盒子布局基于一个包含父元素（flex container）和其内部的伸缩项目（flex items）的概念。以下是伸缩盒子布局的基本原理和关键概念：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=cabc6f51c4e54d8b848d9acd76139270伸缩容器（Flex Container）：父元素被设置为伸缩容器，通过设置display: flex或display: inline-flex属性来启用伸缩盒子布局。伸缩容器包裹着伸缩项目，并负责定义伸缩项目在主轴（main axis）和交叉轴（cross axis）上的对齐方式和布局规则。伸缩项（Flex Items）：伸缩容器内部的子元素被称为伸缩项，它们受到伸缩容器的控制。伸缩项的大小、顺序和对齐方式可以通过设置各种伸缩属性来控制。主轴（Main Axis）和交叉轴（Cross Axis）：伸缩容器具有两个轴线，主轴和交叉轴。主轴是伸缩项排列的主要方向，而交叉轴是与主轴垂直的方向。它们的方向可以通过设置伸缩容器的flex-direction属性来控制。

面试流程：两轮技术面+hr面一面：9/18二面：9/24hr面：9/25，口头offer面试内容：一面：1h自我介绍选一个最有亮点的项目讲一下（文件上传和长列表优化）断点续传是如何实现的除了文件上传，这个项目你还遇到了哪些问题，怎么解决的你简历上写的是react和小程序，没有vue的项目实践吗（不是，没写而已）js数据类型有哪些口述代码输出：promise里面抛出一个异常，后面链式调用.then .catch .then .catch讲一下事件循环（事件轮询）口述代码题问输出结果：你认为vue2和vue3有什么差别，我指的是详细原理，vue2和vue3的响应式原理有何差异输入 url 到请求返...

优化Webpack的构建速度是一个常见的需求，下面是一些常见的优化策略：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=fffb9e7b5576495f90d9596c40989b9f通过配置缓存：可以使用cache-loader或者hard-source-webpack-plugin来启用缓存，避免重复编译没有改动的文件。通过配置多线程/并行构建：可以使用thread-loader或者happypack来在多个工作线程中并行处理任务，加快构建速度。减少文件的解析和处理：可以通过配置resolve.extensions来减少Webpack的文件解析，只处理特定格式的文件。另外，使用include和exclude选项来限制需要处理的文件范围。优化Loader的配置：可以使用exclude选项来排除不必要的目录，只对需要处理的目录使用对应的Loader。另外，可以使用resolve.alias来配置别名，减少模块查找时间。使用Tree Shaking：通过配置mode为production，并且在package.json中将sideEffects设置为false或者具体的文件列表，开启Tree Shaking功能，剔除掉未使用的代码。合理使用Webpack的插件：根据具体需求，合理选择和配置Webpack的插件，避免不必要的处理和压缩。使用DllPlugin和缓存：可以将一些不经常变动的库使用DllPlugin预先编译，并将结果文件缓存起来，这样可以避免每次构建都重新编译这些库。以上是一些常见的Webpack构建速度优化策略，根据具体的项目需求和情况选择合适的优化方式。

前端实习(可转正)：面向全体在校生，为符合岗位要求的同学提供为期3个月及以上的前端实习机会，进组后有mentor手把手指导landing和技术成长，有转正机会，以往经验看，转正通过率100%，转正通过后可以免走春秋招流程拿校招offer。专业要求：计算机及其相关专业优先，其他理工类专业有前端或者编码经验也可以。团队介绍：地理位置中台支撑字节系众多业务，抖音、生活服务、电商等，在前端也具有诸多技术挑战，如WebGL可视化方向的地图渲染，业务场景上有中后台产品和抖音C端产品。团队优势：leader和方向owner非常棒，团队氛围轻松，技术有挑战不压抑，兼具中台团队的稳定性与业务、技术上的挑战性，来...