Flexbox

Babel的预设是一组预定义的插件集合，用于执行特定的转换任务。预设可以简化配置过程，因为它们包含了一组常用的插件，可以一次性添加到Babel配置中。要使用预设，需要在Babel配置文件（.babelrc）中指定所需的预设。 然后，Babel会根据预设中包含的插件列表来解析和转换代码。 可以通过npm安装预设，并在配置文件中引入它们。更多知识点：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=887ee84377164cb1aa77f68d1318f4f8

面试流程：两轮技术面+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构建速度优化策略，根据具体的项目需求和情况选择合适的优化方式。

重要信息基本要求：2025年应届毕业生，本科及以上学历；工作城市：北京/上海/成都任选其一；项目经验：不要求项目经验，但我们希望你计算机基础过关且最好有一定的前端基础。团队介绍我们是字节跳动生活服务营销团队，团队主要负责抖音生活服务营销研发工作，涉及运营/商家/c端等多平台多用户场景通过各种营销玩法、营销活动，为业务各角色提供丰富的运营能力，提升门店获客与收入。当前业务和技术建均处于相对前期的阶段，有机会参与多个大型系统0～1建设，目前团队实习、校招都有大量hc。岗位亮点业务前景好：生活服务作为字节跳动核心业务发展速度快，营销作为生活服务重要环节是整个生活服务核心部门；技术挑战大：团队b/c端...