阿里-钉钉前端一面

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

bg：2本9硕 记录一下面试由于楼主是第一次面试，比较紧张，面试官人很好，看我比较紧张，先聊了五分钟的家常。介绍项目订单防止重复提交怎么实现的？用消息队列异步插入订单数据，如何保证前端用户提交订单后及时能查到订单？线程在消费消息时，还没有消费完成，服务宕机了怎么办？线程消费完成后，还没能来的及ACK，服务宕机了怎么办？项目中的分布式锁，怎么使用的？介绍一下你使用过的锁？Synchronized Lock Reentrantlock 读写锁 Multilock进程和进程间是如何通信的？项目是照着网上做的吗？是的，有些自己改进的地方讲讲你改进的一些点？一个简单sql，统计一个月内销量前十的商品...

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 集成到开发工作流程中，确保代码的一致性和可维护性。

面试时间最短的一集，二十多分钟就结束了，面试官上来就说预计半个小时时间紧任务重，问问题如果觉得你会的话会中途打断你问下一个问题，希望理解。导致我自我介绍语速都加快了。项目。前端有用到哪些数据结构js数据类型js如何获取DOM元素强缓存协商缓存强缓存如何判断是否已经到期执行上下文前端生命周期钩子函数作用cookie HttpOnly属性HTTP状态码是否用过数据库，数据库索引原理