前端开发中常用的构建工具有以下几种：https://www.nowcoder.com/creation/write/dynamicwebpack：是一个静态模块打包工具，可以将多个模块打包成一个或多个文件，对于代码的压缩、混淆、拆分等功能十分强大。Grunt：是一个基于任务的构建工具，可以自动化执行各种重复性的开发任务，如代码压缩、文件合并、文件监控等。Gulp：也是一个基于任务的构建工具，相比于Grunt，Gulp使用流的方式来处理任务，更加高效和易于理解。Parcel：是一个零配置的前端打包工具，可以自动处理模块依赖关系、代码转换、按需加载等，使得开发者可以更专注于代码编写而不需要配置繁琐的构建过程。这些构建工具的作用主要有以下几点：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=07d53be4cd034a4ab270d500feebcc8d模块化打包与代码拆分：通过将代码划分为模块，并将其打包成一个或多个文件，提高了代码的可维护性和可复用性。资源优化与压缩：对静态资源（如样式文件、图片等）进行优化、压缩和合并，减少加载时间和网络请求。自动化任务执行：可以自动执行各种重复性的开发任务，如代码编译、文件合并、代码检查等，提高开发效率。开发环境优化：提供开发服务器、热更新等功能，实时预览和调试代码，加快开发速度。

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

前端工程化是指利用工具和技术来提高前端开发效率、规范开发流程、优化代码质量和维护性的一种开发方式。前端工程化的目标是在开发过程中实现高效、可靠和可维护的前端代码。前端工程化涵盖了很多方面，包括但不限于以下内容：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=07d53be4cd034a4ab270d500feebcc8d包管理工具：使用工具如Node.js的npm或Yarn来管理和安装项目所需的第三方库和插件。模块化：将前端代码拆分为多个模块，使用模块化的开发方式，例如CommonJS、ES Modules或AMD。构建工具：使用构建工具如Webpack或Parcel来自动化处理前端代码的打包、压缩、合并等操作。自动化测试：通过使用测试框架和工具，编写单元测试、集成测试和端到端测试，以确保代码质量和功能的稳定性。代码规范和静态检查：使用工具如ESLint或TSLint来强制执行代码规范，并进行静态代码分析，以避免常见的错误和潜在问题。性能优化：对前端代码进行性能分析，并采取相应的优化策略，如资源合并、缓存优化、懒加载等，以提升页面加载速度和用户体验。版本控制：使用版本控制工具如Git来管理前端代码的版本，并支持团队协作和代码的回滚和合并。

以下是一些常见的优化技巧：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=07d53be4cd034a4ab270d500feebcc8d压缩和合并文件：将CSS和JavaScript文件压缩和合并成一个文件可以减少网络请求的数量，从而加快页面加载速度。图片优化：通过压缩图片文件大小、使用适当的图像格式（如JPEG、PNG）以及懒加载技术来减少图片加载时间。缓存机制：使用浏览器缓存来存储静态资源，以减少重复下载。异步加载：将不必要的资源推迟加载，例如使用异步脚本或将JavaScript放置在页面底部。延迟加载：对于长页面或含有大量内容的页面，可以使用延迟加载技术，只在页面滚动到可见区域时加载内容。减少HTTP请求：减少网页中的资源数量，例如合并CSS和JavaScript文件、使用CSS Sprites技术等。响应式设计：为移动设备进行优化，使用响应式设计，确保网站在不同屏幕尺寸上都能良好显示和操作。使用CDN：使用内容分发网络（CDN）可以将静态资源分发到全球各个服务器上，加快资源加载速度。优化代码：通过减少DOM操作、避免不必要的重绘和重排等技术来优化JavaScript代码。使用性能分析工具：使用工具如Chrome开发者工具或PageSpeed Insights等来分析和识别潜在的性能瓶颈，并采取相应的优化措施。