本文字数2400+，阅读时间大约需要 6 分钟。
【掘金一周】本期亮点：
- 云音乐低代码：基于 CodeSandbox 的沙箱性能优化
- 使用 Flutter 与 Firebase 制作 I/O 弹球游戏
- 2022年 Web 平台的新动态
- 消暑神器，我用CSS复刻了一个游戏机
- 从台下到台上，我成为 GDE（谷歌开发者专家） 的经验分享
- 用代码帮你实现了当年没写完的同学录
- ……
上榜规则：文章发布时间在本期「掘金一周」发布时间的前一个月内；且符合各个栏目的内容定位和要求。
一周“金”选
内容评审们会在过去的一周内对社区深度技术好文进行挖掘和筛选，优质的技术文章有机会出现在下方榜单中，排名不分先后。
| 文章分类 | 作者 | 文章 | 简介 |
|---|---|---|---|
| 前端 | Crazy Urus | 使用 asar 提升 VSCode 插件的性能 | 本文提出了一种使用 asar 对 node_modules 进行打包的方法，该方法能有效提升插件性能，尤其是对插件依赖项过多时有较为明显的提升。 |
| 前端 | 网易云音乐技术团队 | 云音乐低代码：基于 CodeSandbox 的沙箱性能优化 | 一文带你了解CodeSandbox 沙箱构建和性能优化过程。 |
| 前端 | 字节架构前端 | 前端多线程编程探索 | 本文探索了使用SharedArrayBuffer、web worker、Atomics API进行多线程编程的可行性，并构建了一个视频处理场景进行对比实验。 |
| 后端 | crossoverJie | 分享一个 SpringCloud Feign 中所埋藏的坑 | 本文重点分析了一些 Spring相关代码 的debug 和阅读源码的一些小技巧。 |
| 后端 | 白泽z | Kitex源码阅读——脚手架代码是如何通过命令行生成的(一) | Kitex究竟是怎么生成脚手架代码的？这系列文章将围绕此展开源码阅读。 |
| 后端 | 心城以北 | ReentrantLock 源码分析 | 带你分析分析ReentrantLock源码。 |
| 后端 | vivo互联网技术 | Kafka 万亿级消息实践之资源组流量掉零故障排查分析 | 本文详尽地分析了Kafka 万亿级消息实践之资源组流量掉零故障排查。 |
| 后端 | 网易云音乐技术团队 | 服务启动过程性能波动的分析与解决方案 | 本文描述了为一个系统设计预热的原因，结果以及期间遇到的各种细节的问题。 |
| 后端 | 得物技术 | 得物技术 NOC—SLA C 端业务监控实践 | 通过得物公司去年 2021 年 C 端故障全年度来看，从故障发现，响应时间、故障应急有待提升，故 NOC 要优化现有的告警响应质量，制定新的 NOC——SLA 体系化，标准服务等级协议！加速响应，做到事前发现！ |
| 后端 | 小傅哥 | 《Mybatis 手撸专栏》第9章：细化XML语句构建器，完善静态SQL解析 | 如果只局限写代码，其实很难领略到那些众多设计思想和复杂问题中，庖丁解牛般的酣畅淋漓。而这些酣畅的体验，都需要你对技术的拓展学习和深度探索，从众多的优秀源码框架中吸收经验。 |
| Android | 张风捷特烈 | 【Flutter&Flame 游戏 - 壹】开启新世界的大门 | Google I/O 2022 对于 Flutter 而言，将 休闲游戏 带入了大众的视野。让 Flutter 除了应用开发之外，有了新的可能性。其中作为游戏开发引擎的 Flame ，也为更多人所知晓。 |
| Android | Flutter社区 | 使用 Flutter 与 Firebase 制作 I/O 弹球游戏 | 为了今年的 Google I/O 大会，Flutter 团队使用 Flutter 以及 Firebase 构建了一款经典的弹球游戏。下面将会介绍如何通过 Flame 游戏引擎将 I/O 弹球游戏 带到 Web 端的。 |
| 人工智能 | 盼小辉丶 | PyTorch强化学习——PyTorch+Gym强化学习环境搭建 | 工欲善其事，必先利其器。为了更专注于学习强化学习的思想，而不必关注其底层的计算细节，首先需要搭建相关深度学习环境，主要包括 Python 以及 PyTorch。 |
| 人工智能 | 极智视界 | 极智AI 丨 多模态领域先行者 详解 CLIP 算法实现 | 多模态一定不是一个新鲜的话语，随着 AI 的发展，也正成为一种趋势，而 CLIP 做的就是在多模态领域里迈出了简单的一步，之所以说简单，是因为 CLIP 使用的方法出奇的简单，但效果又出奇的好。本文不止会介绍 CLIP 的原理，还会介绍 CLIP 的实现，包括代码。 |
| 人工智能 | 与或_ | 一文搞懂RNN和LSTM | 带你一文搞懂RNN和LSTM。 |
热点观察
搜集行业热点，洞察技术趋势。
| 文章分类 | 作者 | 文章 | 简介 |
|---|---|---|---|
| 前端 | CUGGZ | 2022年 Web 平台的新动态 | 5月11-12日，谷歌举办了 2022 Google I/O 全球开发者大会。在大会上，Jake Archibald 和 Una Kravet 向我们介绍了 Web 平台的最新动态。下面就来看看 2022 年 Web 平台有哪些新动态吧！ |
掘金万花筒
根据内容质量、创意维度来筛选掘金社区的宝藏文章，你是那个宝藏吗？
| 文章分类 | 作者 | 文章 | 简介 |
|---|---|---|---|
| 前端 | 零一01 | CSS 穿墙术！太强了 | 本文分享 CSS 中一个神奇的属性：filter。它能神奇地轻松实现 穿墙特效。 |
| 前端 | jsmask | 用vite2+vue3写个【招财猫游戏】合成美味粽子 | 本文将使用vite2与vue3开发出一个招财猫小游戏，通过考验眼力和预判能力，在图案不停滚动的同时选出可以转出不同的素材最终得到粽子奖励，康康你能用多少次才会转出自己喜爱口味的粽子吧~ |
| 前端 | 沐华 | Vue3 版消消乐小游戏(pc/手机皆可线上体验，附源码) | Vue3 版消消乐小游戏，pc/手机皆可线上体验，附源码！ |
| 前端 | 叶一一 | 【暑假记忆】消暑神器，我用CSS复刻了一个游戏机 | 笔者记忆中的游戏机已经模糊了，于是搜索了一下游戏机的图片。尤其卡通图片，圆乎乎的真可爱。游戏机的主体和屏幕是矩形的，按键是圆形或者圆角矩形。有趣又比较好实现。所以便用CSS复刻了一个游戏机。 |
| 前端 | dragonir | Three.js 打造缤纷夏日3D梦中情岛 🌊 | 深居内陆的人们，大概每个人都有过大海之梦吧。夏日傍晚在沙滩漫步奔跑；或是在海上冲浪游泳；或是在海岛游玩探险；亦或静待日出日落……本文使用 React + Three.js 技术栈，实现 3D 海洋和岛屿。 |
| 前端 | 陈_杨 | 嘿～同学，当年没写完的同学录我用代码帮你实现了，快来留下你的记录吧！ | 「人生嘛，终有留下遗憾的时刻。翻一下手上的手机或者回忆一下脑中的记忆，还有多少美好的记忆被保留了下来。也许只有那一本破破的同学录才是满满的回忆，也许说不定你连同学录都没留下，那才是真正的遗憾 」。 |
| 前端 | 十里青山 | 夏天不止有西瓜、空调，还有运动和流汗，《奔跑吧！程序员》js小游戏火热来袭，快来一起奔跑 | 不知不觉夏天又到了，提到夏天觉能想到什么？还记得每年夏天的运动会吗？还记得那年夏天的天天酷跑吗？笔者就用js来给大家带来一个跑酷小游戏——《奔跑吧！程序员》。 |
程序人生
| 作者 | 文章 | 简介 |
|---|---|---|
| 恋猫de小郭 | 从台下到台上，我成为 GDE（谷歌开发者专家） 的经验分享 | 2022年5月末，经过一个多月的面试，小郭 的 GDE (Google Developer Expert) 终于正式成功通过面试，成为了国内第 4 位 Flutter & Dart GDE。本文将回顾他成为GDE的这段旅程。 |
| 沐华 | 学了就忘？看我是怎么解决的 | 不知道你有没有这样的经历：学了某些知识过一段时间后就忘了，之后工作或复盘中想起以前看过的东西，却找不到了，本文将带你高效解决这些问题。 |
| 冴羽 | 冴羽答读者问：怎么平衡工作与生活？ | “我们之所以追求平衡，是因为我们的当下并不平衡，但其实从人生的维度来看，我们的当下就不会是平衡的”。 |
社区官方专区
活动日历
| 活动名称 | 活动时间 | 活动主理人 |
|---|---|---|
| 持续创作，加速成长，6月更文活动来啦！｜ 掘金·日新计划 | 5月25日-6月30日 | @甜甜的笑脸 |
| 🏆 技术专题征文18期 ｜ 聊聊跨端技术 | 5月25日-6月14日 | @Deborah倩倩 |
| 初夏创意投稿大赛来袭！掘金伴你过初夏，更有Switch等好礼等你来拿！ | 5月20日-6月16日 | @sonic1939 |
| 沸点养鱼计划第三期｜复古童年 | 6月6日-6月26日 | @沸点小助手 |
官方公告
- 💰 学课程还能赚钱？掘金分销来了！
- 稀土掘金VIP会员上线！1元预约即享100元折扣！
- 你好，我是码上掘金！
- 掘金社区文章推荐规则大更新！什么样的文章不会被推荐？
📖 投稿专区
大家可以在评论区推荐认为不错的文章，并附上链接和推荐理由，有机会登上下一期。文章创建日期必须在下期掘金一周发布前一个月以内；可以推荐自己的文章、也可以推荐他人的文章。
