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的主要功能是将项目中的多个模块打包成一个或多个静态资源文件，并提供了丰富的功能和插件系统来满足前端开发的需求。

在Koa.js中处理会话(Session)和身份验证(Authentication)可以使用中间件来实现。下面介绍一些常用的中间件和技术来处理这些功能：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=1730841bd8554b2fa6de4161e81ebb45koa-session中间件：此中间件可用于处理会话。它使用加密的cookie存储会话数据，并提供与会话相关的功能。你可以使用koa-session中间件来保存和读取会话数据，比如用户的身份验证状态、用户ID等。koa-passport中间件：此中间件是一个用于身份验证和授权的库。它使用不同的策略（如本地策略、OAuth策略等）来验证用户身份。你可以使用koa-passport中间件来设置身份验证策略、处理用户登录和注销等功能。同时，koa-passport可以与koa-session结合使用，以实现会话管理。jsonwebtoken：如果你更喜欢使用 JSON Web Tokens（JWT）来进行身份验证，可以使用jsonwebtoken库。JWT是一种基于加密的令牌，用于在服务器和客户端之间传递身份验证信息。你可以生成JWT令牌并在客户端存储，然后在每个请求中将其发送回服务器进行验证。你可以根据自己的需求选择合适的中间件和技术来处理会话和身份验证。无论哪种方法，都需要在适当的地方验证身份、设置会话信息，并对需要身份验证的路由进行保护。这可以通过编写中间件函数和使用它们来实现。记得在处理身份验证时保护用户的敏感数据，并注意防止安全漏洞，如跨站脚本攻击（XSS）和跨站请求伪造（CSRF）。

函数式组件是React中一种定义组件的方式，它是用JavaScript函数来定义的。相比于类组件，函数式组件具有以下优势：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=e5feaa27ec3349838757ebc84729835a简洁：函数式组件只需要编写一个函数即可，代码量较少，易于理解和维护。性能优化：函数式组件相对于类组件来说，没有实例化的过程，执行效率更高。方便测试：由于函数式组件只是一个纯函数，不涉及生命周期方法，依赖注入等复杂操作，因此测试起来更加方便。Hooks支持：React Hooks是React 16.8版本中引入的新特性，使得函数式组件也能够轻松地使用状态和其他React特性，使得函数式组件的功能更加强大。函数复用：函数式组件更容易进行组件的复用，可以将常用的业务逻辑封装成自定义Hooks进行复用。

最近投了好多实习，字节、腾讯、京东、小米什么大厂都在投，但是一个反响都没有，不知道哪个环节出问题了。心累累的，难道在简历初筛关卡就会因为学校不够好而pass吗。如果要投小厂，有哪些推荐企业啊。

【拼多多集团-PDD校园招聘】内推链接：https://careers.pddglobalhr.com/campus/grad?t=8PfbF8HjSs，内推码：8PfbF8HjSs。期待你的加入！我们一起，无拼不青春！（通过此链接投递计入内推，内推简历优先筛选~）【拼多多集团-PDD实习生招聘】内推链接：https://careers.pddglobalhr.com/campus/intern?t=YNscLmCZCG，内推码：YNscLmCZCG。期待你的加入！我们一起，无拼不青春！（通过此链接投递计入内推，内推简历优先筛选~）

在这里，你将触摸技术的星辰大海，用算法为亿万用户创造真实价值：1.前沿技术攻坚 —— AI Agent技术研发与应用，为金融/风控/营销等ToB产品提供智能化升级与服务，构建业界顶尖水准、具有ToB特色的RAG、ToolUsing、ChatBI和LLM推理规划等能力2.全场景赋能 —— 让算法走出实验室，在金融风控、精准营销、智能客服等多场景落地开花，见证技术改变商业的力量3.生态级突破 —— 与顶尖团队共同探索大语言模型和多模态在金融场景的落地突破、垂直领域的风控/营销模型创新等前沿方向，在可信AI技术框架中书写属于你的创新篇章在这里，每行代码都能掀起涟漪：当你的模型每天处理亿级请求，当你的算法守护千万用户的资金安全，这就是技术人最极致的浪漫。 我们目前在招聘如下岗位：算法工程师-机器学习/算法工程师-自然语言处理/算法工程师-计算机视觉/算法工程师-算法工程可以发送简历到xinyuan.xx@antgroup.com

Git是一个分布式版本控制系统，用于跟踪文件和项目的变化。它可以记录每个文件的修改历史，并允许开发者在不同的分支上进行并行开发和合并工作。在前端开发中，Git起着至关重要的作用。它可以帮助开发者轻松地管理代码，跟踪文件的修改、添加和删除，并记录每个提交的详细信息。以下是Git在前端开发中的一些主要作用：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=f818c6d22c98401682f8662612b9e57f版本控制：Git允许开发者跟踪代码的版本历史，可以回溯到任何时刻的代码状态。这对于调试、修复错误以及恢复代码都非常有用。分支管理：Git支持创建多个分支，使得团队成员可以并行地开发不同的功能和修复不同的bug。每个分支都可以独立地进行开发和测试，最后再将分支合并到主分支上。合作开发：多人协作开发时，Git可以协助团队成员共享和合并代码。它提供了远程仓库的功能，使得团队成员可以将代码推送到共享仓库并进行同步。撤销和回退：Git允许开发者撤销之前的提交，回退到之前的版本。这对于修复错误或不需要的更改非常有用。快速部署：Git可以轻松部署代码到生产环境。通过创建发布分支或打标签，开发者可以准确地控制代码的部署版本。

React是由Facebook开发并维护的一个开源JavaScript库，用于构建用户界面（UI）。它主要用于构建大型、复杂的单页面应用（SPA），并且可以在各种平台上使用，包括Web、移动应用（如React Native）以及桌面应用（如React for Electron）。React的主要特点包括：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=8fdf5cbfd63b4a8a8e6491e5c03b513f组件化：React使用自上而下的方法将UI分解为可管理的部分，称为“组件”。这种组件化的方式使得代码更容易重用、测试和组织。声明式渲染：React使用声明式的方式描述UI的更新，这意味着你只需要告诉React你想要的内容是什么，而不是详细说明如何得到这些内容。这使得代码更容易阅读和理解。高效渲染：React使用虚拟DOM（Virtual DOM）进行渲染，这使得它能够以更高效的方式更新UI。虚拟DOM是一个轻量级的JavaScript对象，代表了实际渲染的UI。当渲染一个组件时，React会创建一个虚拟DOM，然后比较这个虚拟DOM和之前的版本，找出需要实际更新的部分，从而减少不必要的DOM操作。灵活性和可移植性：React可以轻松地与各种其他技术（如Redux、GraphQL等）集成，并且可以在各种平台上使用，如Web、移动应用和桌面应用。社区支持：React拥有庞大的社区，有大量的开发者和公司都在使用React，这意味着有大量的资源可供参考，包括教程、组件库、工具等。

小程序的主要目录结构如下：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=05431eebc75942fc851cbc6dbf5b61f4pages：主要存放小程序的页面文件，其中每个文件夹为一个页面，每个页面包含四个文件.wxml文件是界面文件，.js是事件交互文件，用于处理界面的点击事件等功能；.wxss为界面美化文件，让界面显示的更加美观；.json为配置文件，用于修改导航栏显示样式等，小程序每个页面必须有.wxml和.js文件，其他两种类型的文件可以不需要。小程序的文件类型主要包括：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=05431eebc75942fc851cbc6dbf5b61f4.js 后缀的文件是脚本文件，页面的交互等代码在这里实现。.json 后缀的文件是配置文件，主要是json数据格式存放，用于设置程序的配置效果。.wxss 后缀的是样式表文件，类似于前端中的 css，用于对界面进行美化。.wxml 后缀的文件是页面结构文件，用于构建页面，在页面上增加控件。以上就是小程序的基本目录结构和文件类型。