Vue 中组件传值的方式主要有以下几种：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=c8973c67c0d4486fb9b49ef343b162bb使用 props：父组件通过 prop 将数据传递给子组件，在子组件中通过 props 来接收和使用传递的数据。使用事件：子组件通过 $emit 方法触发一个自定义事件，并将数据作为参数传递给父组件，在父组件中通过 v-on 监听子组件事件并处理传递的数据。使用自定义事件总线：通过创建一个空的 Vue 实例作为事件中心，组件之间可以通过该实例进行事件的触发和监听，从而实现跨组件的数据传递。使用 provide 和 inject：父组件通过 provide 向所有子孙组件注入数据，子组件通过 inject 来接收注入的数据，从而实现跨级组件间的数据传递。使用 Vuex（状态管理）：通过创建一个全局的 store 对象来存储和管理应用的状态，各个组件可以通过读取和修改 store 中的数据来实现组件间的数据传递。

下面是一些常见的鼠标事件和键盘事件以及它们的用途的示例：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=667dedae24e0447ea8cdf78f73b8e417事件 用途鼠标单击（click）响应鼠标左键的点击动作，一般用于执行某个操作或触发特定事件鼠标双击（dblclick）响应鼠标左键的双击动作，常用于执行与单击事件不同的操作鼠标悬停（mouseover）当鼠标移动到一个元素上时触发，常用于显示或隐藏元素的内容鼠标移出（mouseout）当鼠标移出一个元素时触发，常用于隐藏或重置元素的状态鼠标按下（mousedown）当鼠标按下某个按钮时触发，常与鼠标释放事件配合使用鼠标释放（mouseup）当鼠标释放某个按钮时触发，常与鼠标按下事件配合使用鼠标移动（mousemove）当鼠标移动时触发，常用于跟踪鼠标位置或实现拖拽等功能键盘按下（keydown）响应键盘上的按键被按下时触发，常用于捕捉用户的键盘输入键盘释放（keyup）响应键盘上的按键被释放时触发，常用于处理按键松开的操作文本输入（keypress）响应字符按键被按下时触发，常用于捕捉输入字段的文本输入

Ajax 实现异步数据交互的过程可以分为以下步骤：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=338f0ca1567e4c73b299ff4888ff0e9d创建 XMLHttpRequest 对象：使用 JavaScript 创建一个 XMLHttpRequest 对象，或者使用现代的 Fetch API 或 axios 等方法来进行异步请求。定义请求的类型和目标 URL：使用 XMLHttpRequest 的 open() 方法，指定请求的类型（如 GET、POST 等）和目标服务器的 URL。可以在 URL 中传递参数或数据。设置回调函数：使用 XMLHttpRequest 的 onreadystatechange 属性指定一个回调函数，该函数将在请求状态发生变化时被调用。通常，还需要设置 readyState 状态为 4（表示请求已完成）和 status 状态为 200（表示请求成功）时执行的回调处理函数。发送请求到服务器：使用 XMLHttpRequest 的 send() 方法，将请求发送到服务器。对于 POST 请求，可以在 send() 方法中传递数据作为请求的实体部分。处理服务器响应：当服务器接收到请求并返回响应时，XMLHttpRequest 对象的状态将发生变化，触发 onreadystatechange 事件，从而调用之前设置的回调函数。可以通过 XMLHttpRequest 的 readyState 和 status 属性来检查请求的状态和结果。处理返回的数据：在回调函数中，可以使用 XMLHttpRequest 的 responseText 或 responseXML 属性来获取服务器返回的数据。根据数据的格式（如文本、XML 或 JSON），进行相应的处理和解析。更新页面内容：根据返回的数据，动态更新页面的指定部分而不用刷新整个页面。通过 JavaScript 操作 DOM，可以将获取的数据插入到页面中的特定元素或执行其他操作，实现页面的动态刷新。整个 Ajax 请求过程是异步的，即在发送请求后，浏览器不会等待响应返回就继续执行后续的 JavaScript 代码。这样可以实现在后台与服务器进行数据交互的同时，用户可以继续与页面进行交互，提升用户体验和性能。

蹲财务实习，两周内可到，一周五天，可全职实习到十月中旬😶不需要转正，不限城市求捞

CSS3的选择器是用于选择页面中特定元素的CSS规则。CSS3引入了一些新的选择器，使得选择元素更加准确和灵活。以下是一些常见的CSS3选择器及其作用：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=cabc6f51c4e54d8b848d9acd76139270类选择器（Class Selector）：以.开头，选择具有指定类名的元素。例如，.red选择所有具有red类的元素。ID选择器（ID Selector）：以logo选择具有logo ID的元素。属性选择器（Attribute Selector）：根据元素的属性值来选择元素。例如，[type="text"]选择所有type属性值为text的元素。相邻兄弟选择器（Adjacent Sibling Selector）：选择紧接在指定元素后面的兄弟元素。例如，h2 + p选择紧跟在h2元素后出现的p元素。子元素选择器（Child Selector）：选择指定元素的直接子元素。例如，ul > li选择ul元素下的所有直接子元素li。伪类选择器（Pseudo-class Selector）：选择满足特定状态或条件的元素。例如，:hover选择鼠标悬停在元素上时的状态。伪元素选择器（Pseudo-element Selector）：选择元素的某个特定部分，并应用样式。例如，::before创建一个元素的前置内容。

说实话，一开始看完题目和两个表，人都猛了  我已经通过这道题！ https://www.nowcoder.com/questionTerminal/88aa923a9a674253b861a8fa56bac8e5

mutations是指在Vuex中用修改状态(state)的方法。它们是一种专门用于改变数据的函数，通过mutations可以实现对状态的修改和更新。mutations的作用是保证状态的变更是可追踪和可控制的。在Vue应用中，所有对状态的修改都应该通过mutations来完成。这样做的好处是可以跟踪状态修改的历史，方便进行调试和问题排查。具体来说，mutations有以下几个作用：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=bf1d309c19934fbfa8e2caf2f162529d修改状态：mutations可以通过修改state对象的属性来改变应用的状态。通过mutations来修改状态可以确保状态的修改是响应式的，即当状态发生改变时，相关的组件会立即更新。确保状态变更的追踪性：通过在mutations中定义具体的修改方法，可以清楚地知道状态是如何变化的，方便开发者进行状态管理和调试。控制状态的变更：通过mutations，开发者可以对状态的变更进行控制，可以在mutations中添加一些逻辑判断和处理，确保状态的修改符合应用的业务规则。

JSON Web Token（JWT）是一种开放标准（RFC 7519），用于在网络应用环境中以简短的方式安全地传递信息。JWT 常用于身份验证和信息交换，因其紧凑性和自包含性，广泛应用于现代 Web 应用程序和单页面应用（SPA）中。JWT 的基本结构JWT 由三部分组成，每一部分之间用句点（.）分隔：https://www.nowcoder.com/issue/tutorial?zhuanlanId=j572L2&uuid=6d7eb736a6e247de9f70be5f01a2ae73头部（Header）： 通常由两个部分组成：typ：令牌类型，一般为 "JWT"。alg：签名算法，例如 HS256（HMAC SHA-256）或 RS256（RSA SHA-256）。示例：{    "alg": "HS256",    "typ": "JWT"}经过 Base64Url 编码后，生成 JWT 头部。载荷（Payload）： 载荷中包含声明（claims），声明是关于实体（通常是用户）和其他数据的键值对。常见的声明有：https://www.nowcoder.com/issue/tutorial?zhuanlanId=j572L2&uuid=6d7eb736a6e247de9f70be5f01a2ae73注册声明：包含一些预定义的声明，如 sub（主题）、exp（过期时间）、iat（发行时间）等。公共声明：可定义自己的声明，需避免与其他人冲突。私有声明：自己定义的声明，适用于特定场景。

5月15日 华勤  测试工程师（实习生）一面（视频面试）老哥们，可以看下最后一个自我不足，有没有好的解决方法，可以在评论区留言。谢谢大家这个面试是，最近面试聊得最久的面试，也学到了很多东西，也是很感谢陪我聊天面试官。面试提问：一、请用英语自我介绍一下（我要求的，笑哭了，因为他上午问了我英语口语水平）二、用英语介绍一下香港这个城市三、之前了解过我们公司吗？四、你是哪里人，为什么不投西安和成都的分公司五、说一下你未来的规划（这里就进入面试官的陷阱了）六、看了你的未来规划，你是更偏向研发的为什么会投测试岗位呢？（我就和他说我只想找一份暑期时期，来让我的简历上一个台阶）七、面试官给我讲了一下公司的实习生计划（其实是在劝退我的）反问：一、实习生计划的淘汰率是多少（50%）二、公司里面嵌入式开发人员要求软硬都会吗？（分开的）三、为什么不愿意只招暑期实习生而是招求转正的（暑期实习没有任何意义，不能带来大的产出）四、正式招聘招双非的学生吗？（招，按照一定比例，一本、211、985，二本除非技术非常好）五、面试的时候忘记问为什么要求英语口语，后面在BOSS上追问了（后续会对接美国客户）自我不足：一、不是外国人，不要说自己英语好。哈哈，开个玩笑，其实我的英语自我介绍还不错。自我介绍结束之后，他上来就是一句please you introduce hong kong this city.我楞一下，然后开始介绍，发现脑子一片混乱，没有词语啊，然后我说please give me some seconds,I need to think about it。然后想了半天，还是没有词汇蹦出来，然后就瞎说了一些有很多美食，风景，外国人很多。下来之后，我发现其实不能这么回答，如果他只是想测试我的英语口语水平，我直接换个话题。（sir,if you just want to test how my Spoken English level is,maybe we can talk about my hometown,because I am not familiar with hongkong）这样既可以体现你的英语能力，又达到了面试官的目的。这点非常重要，当面试官问到你不熟悉的领域，你一定要把话题往你会的话题上扯，但是要有一定的相关度，这样才不会让你陷入自证陷阱。（老哥们遇在英语口语测试时，到的奇葩问题可以留在评论区。）二、一定要端正求职态度，为什么说这一点，因为几乎每家公司，都会问了解我们公司，为什么会投递我们公司，这其实是HR在看你的态度，你是真的想找一份工作，老老实实的干下去，还只是说，只是随便投递的，刚好有面试,就来了。一定不要有这种想法，所以在面试之前最后去网上了解一下关于该公司的业务，然后在面试的时候猛吹一波，让面试官相信你是真的想做这份工作。你自己的心里，也一定要认可我真的想成为这个公司的一员，这样才不会露馅。三、不用把项目介绍的很详细，只是笼统说一下完成了什么功能，为面试官留下提问空间（今天自我介绍的时候，这点做的很不错，但是面试官没问）四、当面试官问你的未来规划，你要往你是真的认可这份工作，想要扎根做下去，不要把自己的真实想法透露出来（我的错误回答：我出来工作，看一下行业发展水平，然后有其他打算）。（其实我还没有这个问题的完美的回答方案，有想法的老哥可以把应对方法在评论区留言。）

Vite 支持多种自动化测试工具，包括但不限于：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=8e9ff865b0d84b46833cbfe45a5c001dJest：Vite 与 Jest 集成良好，可以通过安装 vite-jest 包在 Vite 项目中使用 Jest 进行单元测试。Vitest：Vitest 是由 Vue / Vite 团队开发和维护的单元测试框架，专为 Vite 设计，提供了快速、简单的集成。Peeky：Peeky 是一个速度极快的单元测试运行器，与 Vite 集成良好，提供了一个基于图形用户界面（GUI）的测试界面。

有没有大佬会java+swing+socket的局域网聊天室项目啊

Webpack是一个前端模块打包工具。它可以将多个模块按照依赖关系进行静态分析，并生成一个或多个打包后的文件。Webpack的主要功能包括：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=fffb9e7b5576495f90d9596c40989b9f1. 模块打包将项目中的所有模块（JavaScript、CSS、图片等）当作一个整体，通过依赖关系将它们打包成一个或多个静态资源文件。2. 依赖管理Webpack可以分析模块之间的依赖关系，根据配置的入口文件找出所有依赖的模块，并将其整合到打包结果中。3. 文件转换Webpack本身只能处理JavaScript模块，但通过加载器（Loader）的使用，可以将其他类型的文件（如CSS、LESS、图片等）转换为有效的模块，使其能够被打包到最终的结果中。4. 代码拆分Webpack支持将代码拆分成多个模块，按需加载，实现按需加载和提升应用性能。5. 插件系统Webpack提供了丰富的插件系统，可以通过插件实现各种功能的扩展，例如压缩代码、自动生成HTML文件等。总之，Webpack的主要功能是将项目中的多个模块打包成一个或多个静态资源文件，并提供了丰富的功能和插件系统来满足前端开发的需求。