快手前端一面凉

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

1.介绍实习，项目2.为什么博客用next，低代码用react3. mysql有几张表，join,联表查询，4.prisma为什么用，prisma的配置文件有什么5.prisma模型如何和mysql关联6.为什么docker容器挂了，如何解决，docker里面的sql数据怎么办，为什么用docker，mysql没有导出怎么获得sql数据7.为社么docker部署mysql，为什么不直接部署8.一个提交按钮多次提交，如果网络波动（防抖被说太拉，后端如何处理我没想过）9.next为什么不部署docker，如何不用vercel部署10.ngnix有什么作用，如何做到和vite代理一样，如何重写，多个后端ngix如何转发，ngnix还有什么功能11.vercel如何部署，不用如何部署12.对ts的理解，如何ts最大的帮助你的项目，如果别人用你的项目（我说typeinterface被说太low了）13.为什么用tailwind14,vue代码如何转react代码15.为什么选前端，vue写过吗16.手写排序，写了冒泡，用vscode代码补全直接全部补完了，后面用网页写17.反问纯拷打，汗流浃背了，部署我都是只是简单使用过，完全不知道细节前端没问一个问题

ESLint 是一个 JavaScript 代码静态分析工具，主要用于检查和规范代码风格，并发现潜在的问题和错误。它可以帮助开发团队建立一致的代码风格，提高代码质量，减少潜在的 bug。ESLint 的工作原理如下：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=07d53be4cd034a4ab270d500feebcc8d⭕配置: ESLint 首先需要一个配置文件，通常是一个 .eslintrc 文件，用于指定代码规则和插件。配置文件可以是 JSON 格式或 JavaScript 模块，具体配置规则可以根据项目需求进行定义。⭕解析器: ESLint 使用解析器（Parser）将 JavaScript 代码转换成抽象语法树（AST）。常见的解析器有 Espree、Babel Parser 等，用于支持 ES6+ 语法和 JSX 语法的解析。⭕规则: ESLint 根据配置文件中指定的规则，对 AST 进行遍历和检查。规则可以是内置的，也可以是通过插件扩展的。每个规则都定义了一条或多条代码规范，例如变量命名规范、缩进规范、禁用未使用的变量等。⭕报告问题: 当 ESLint 在代码中发现与规则不符的问题时，它会生成相应的警告或错误信息。开发者可以根据这些提示来进行代码修复或优化。⭕插件和扩展: ESLint 可以通过插件进行功能扩展。插件提供了额外的规则和检查器，用于检测特定类型的问题或优化代码。开发者可以根据项目需求选择合适的插件。总结起来，ESLint 的作用是帮助开发团队统一代码风格，减少错误和潜在问题，从而提高代码质量。它通过静态分析 JavaScript 代码，根据预先定义的规则对代码进行检查，并提供相应的报告和提示。通过合理的配置和规则选择，可以将 ESLint 集成到开发工作流程中，确保代码的一致性和可维护性。

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