记得点击文章末尾的“ 阅读原文 ”查看哟~
下面先一起看下本期周刊 摘要 吧~
奇舞推荐
■ ■ ■
提升 Web 核心性能指标的 9 个建议
大家好，我是 ConardLi。今天继续来为大家解读今年的 Google I/O，我会重点为大家解读前端开发者应该关注的信息，应该包括以下这些方向：
你的代码过度设计了吗？
设计模式被认为是软件设计的“规范”，但是在互联网快速发展的过程中，也暴露了一些问题。相比过程式代码的简单与易于修改，设计模式常常导致代码复杂，增加理解与修改的成本，我们称之为“过度设计”。
神器啊，从未想过 VSCode 还能这样直接打开仓库 URL，原理揭秘~
你应该有碰到这样的场景。自己公司项目 gitlab 或者 github 项目。想快速打开网页去做一些操作，但耗时很久。那么有了这个插件后就方便快速很多，直接在状态栏点击一下图标即可打开。
技术实践
■ ■ ■
ChatGPT 的打字回复效果，原理是什么？我带你们实现！
相信使用过 chatGPT 的朋友，都会看到，当你提问一个问题时，chatGPT 会一字一字地给你展示出来，而不是一次性给你返回，这样做的好处，我想应该是节省性能吧，并且应该也是因为 AI 需要一边学习，一边把学习到的结果返回到前端，所以需要这样持续输出
如何实现 PDF 预览和下载？
在开发过程中要求对 PDF 类型的发票提供预览和下载功能，PDF 类型文件的来源又包括 H5 移动端和 PC 端，而针对这两个不同端的处理会有些许不同，下文会有所提及。针对 PDF 预览的文章不在少数，但似乎都没有提及可能遇到的问题，或是提供对应的具体需求场景下如何选择，因此，本文的核心就是结合实际需求场景下，看看目前各种实现方案到底哪一个更适合，当然希望大家可以在评论区对文中的内容进行斧正，或是提供更优质的方案。
妙用 background 实现花式文字效果
本文将讲解如何利用 background 系列属性，巧妙的实现一些花式的文字效果。通过本文，你将可以学到：通过 background-size 与 background-position 实现酷炫的文字下划线效果 通过 background-size 与 background-position 以及 background-clip 实现文字逐个渐现的效果
拓展边界
■ ■ ■
JS 数值存储运算原理
相信大家都看过这些曾经在社区比较火的文章：0.1 + 0.2 与 0.3 为什么不相等？为什么 3.0000000000000002=== 3 表达式为 true？等... 造成这些问题的背后原因都是由于 javaScript 采用了 IEEE754 标准，全称 IEEE 二进制浮点数算术标准。所以说这个问题其实不止是会在 javaScript 中出现，而是“其他遵循 [IEEE 754] 标准的语言也会出现这个问题” 并且自己在最近的工作中也遇到了这个问题，由于 javaScript 精度丢失而造成诡异问题！
Node.js 微服务如何实现注册中心和配置中心
微服务架构的系统都会有配置中心和注册中心。为什么呢？比如说配置中心：系统中会有很多微服务，它们会有一些配置信息，比如环境变量、数据库连接信息等。这些配置信息散落在各个服务中，以配置文件的形式存在。这样你修改同样的配置需要去各个服务下改下配置文件，然后重启服务。就很麻烦。
10 种 JavaScript 设计模式
设计模式是针对常见软件问题的高级面向对象解决方案。模式是关于对象的可重用设计和交互。在讨论复杂的设计解决方案时，每个模式都有一个名称并成为词汇表的一部分。在本教程中，我为每个 GoF 模式提供了 JavaScript 示例。大多数情况下，它们遵循原始图案设计的结构和意图。这些示例演示了每种模式背后的原则，但并未针对 JavaScript 进行优化。
关于奇舞团
奇舞团是 360 集团最大的大前端团队，代表集团参与 W3C 和 ECMA 会员（TC39）工作。奇舞团非常重视人才培养，有工程师、讲师、翻译官、业务接口人、团队 Leader 等多种发展方向供员工选择，并辅以提供相应的技术力、专业力、通用力、领导力等培训课程。奇舞团以开放和求贤的心态欢迎各种优秀人才关注和加入奇舞团。
