记得点击文章末尾的“ 阅读原文 ”查看哟~
下面先一起看下本期周刊 摘要 吧~
奇舞推荐
■ ■ ■
前端打包加个性能插件检测~ 性能不过关就发邮件告诉领导！
本文作者结合 Lighthouse 是一个开源的自动化工具，给组内的项目都在 CICD 流程上更新上了性能守卫插件，一起开看看效果吧
Chrome 浏览器运行原理你了解多少？
跟着作者一起来学习一下 Chrome 浏览器运行原理
如何高效编写 prompt
随着人工智能领域的迅速发展，Prompt Engineering 已成为一门备受关注的新兴技术。Prompt 是指用于引导机器学习模型生成符合预期输出的文本或代码片段。编写高效的 Prompt 对于提高模型效果至关重要。本文将探讨如何高效编写 Prompt。
技术实践
■ ■ ■
React 组件如何写单元测试？
单元测试能保证函数、类的方法等代码单元的功能正常，把手动测试变成自动化测试。本文通过 jest 的 api 加上 @testing-libary/react 的这些 api，来学习 react 组件和 hook 的单测写法。
Vue3 写了 hook 三天，治好了我的组件封装强迫症
一些常用的业务场景，我们就可以封装成组件，但是封装成组件就会遇，每个人的使用习惯和封装习惯不一样，很难让每个人都满意，这种场景，就可以让 hook 来解决。一起来看下 vue3 + hook 封装组件
关于 Node.js 调试，你需要了解的一切
过去十年以来，JavaScript 和 Node.js 的调试已经变得愈发轻松。我们可以用各种实用工具定位问题，使用 console.log () 快速查找 bug。如果面对更复杂的问题，Chrome DevTools 或者 VS Code 可能是更合适的选项。熟悉掌握这些工具将帮助大家编写出更健壮的代码，同时显著缩短在 bug 修复上投入的时间和精力。
拓展边界
■ ■ ■
神器推荐：在浏览器分析 npm 包
今天跟大家推荐一个神器 pkg-size.dev，可以直接在浏览器对 npm 包进行分析 (包括占用大小、打包大小、间接依赖项等等)。它的目标是让像我们可以更轻松地探索 npm 生态系统。
TS 之父的新项目 typechat 预示着前端的未来
本文从当前 LLM(large language model，大语言模型) 的问题，TypeChat 是什么，他是如何解决上述问题的，TypeChat 的实现原理，TypeChat 对前端行业的影响，四个角度阐述了 TypeChat 的发布让前端未来的发展方向变得更清晰
iPhone 今天这个大漏洞，双重验证也挡不住被盗刷 | 漏洞分析 | 防护技巧
本文从事情经过，漏洞分析，防范技巧，常见疑问，后续跟进来讨论 Webview 漏洞分析 gahing推荐
关于奇舞团
奇舞团是 360 集团最大的大前端团队，代表集团参与 W3C 和 ECMA 会员（TC39）工作。奇舞团非常重视人才培养，有工程师、讲师、翻译官、业务接口人、团队 Leader 等多种发展方向供员工选择，并辅以提供相应的技术力、专业力、通用力、领导力等培训课程。奇舞团以开放和求贤的心态欢迎各种优秀人才关注和加入奇舞团。
