本文字数2300+，阅读时间大约需要 6 分钟。
【掘金一周】本期亮点：
- 现代 CSS 解决方案：Modern CSS Reset
- React Hooks 的实现必须依赖 Fiber 么？
- LiveData 面试题库、解答、源码分析
- 如何避免大量的if-else？
- 2022 年的 React 生态
- 会“思考”的 Flappy Bird
- ……
上榜规则：文章发布时间在本期「掘金一周」发布时间的前一个月内；且符合各个栏目的内容定位和要求。
一周“金”选
内容评审们会在过去的一周内对社区深度技术好文进行挖掘和筛选，优质的技术文章有机会出现在下方榜单中，排名不分先后。
| 文章分类 | 作者 | 文章 | 简介 |
|---|---|---|---|
| 前端 | 得物技术 | 得物App H5秒开优化实战 | H5秒开优化是一个老生常谈的问题，于是得物联合了客户端和H5共同发力。本文将逐步介绍如何通过客户端 + H5 的优化手段（1+1>2）把秒开从 30% 提升到 75% 。 |
| 前端 | chokcoco | 现代 CSS 解决方案：Modern CSS Reset | 到今天，我们更多听到现代 CSS 解决方案一词。它除去页面样式最基本的呈现外，同时也关注用户体验与可访问性。这也可能是过去，我们在写 CSS 的时候比较容易忽略的环节。本文将围绕一个现代CSS解决方案展开。 |
| 前端 | 网易云音乐技术团队 | 打造轻量级 WebIDE，看这一篇文章就够啦 | 本文意在分享在建设 WebIDE 中学到的一些经验及解决方案，希望能够帮助到有同样需求的同学。 |
| 前端 | DevUI团队 | 如何使用 Monaco Editor 做一个在线的网页代码编辑器 | Monaco Editor 是一个由微软开发的代码编辑器，我们熟知的 vscode 就是基于其来实现的。本文讲详细讲一讲如何在你的页面里面使用 Monaco Editor 来做一个漂亮，好用的代码编辑器。 |
| 前端 | zxg_神说要有光 | React Hooks 的实现必须依赖 Fiber 么？ | React 的 hooks 是在 fiber 之后出现的特性，但hooks必须依赖Fiber实现吗？ |
| 后端 | 挖坑的张师傅 | 一次 APISIX 网关 503 的曲折排查（DNS 篇） | 「经验用来对待特殊场景，方法论用来处理通用场景，没有经验可能会慢一些，没有方法论可能寸步难行」。 |
| 后端 | 百度Geek说 | 百度ToB垂类账号权限平台的设计与实践 | 本文主要介绍了百度 ToB 垂类账号权限平台的账号登录服务以及权限服务的设计。 |
| 后端 | 雪球工程师团队 | 雪球模型特征平台的应用 | 模型特征平台项目旨在使用平台化工具赋能算法模型、模型和实验相关业务，解决线上工程中的特征演进、模型迭代和实验跟踪分析的问题，提升算法实验迭代效率。 |
| Android | 唐子玄 | LiveData 面试题库、解答、源码分析 | LiveData 是能感知生命周期的，可观察的，粘性的，数据持有者。LiveData 用于以“数据驱动”方式更新界面。本文就 LiveData 的面试题做一个归总、分析、解答 |
| Android | 唐子玄 | Android 架构最新进展 丨 MVI = 响应式编程 + 单向数据流 + 唯一可信数据源 | MVI是什么？人们在什么场景下使用 MVI，他们是怎么使用 MVI 的？他们为什么会使用 MVI？ |
| Android | 张风捷特烈 | 【Flutter 绘制番外】svg 终篇 - 路径指令 | 本篇带你认识 svg 中 path 各指令的含义。通过 svg 路径与Flutter 绘制的联系，也可以锻炼 Flutter 的绘制技能。 |
| Android | peakmain | Gradle+ASM实战——隐私方法问题彻底解决之理论篇 | 本文试图彻底解决第三方sdk频繁调用隐私方法被通报或者下架的问题，也可供学习ASM。 |
| iOS | 泥瓦罐 | 如何避免大量的if-else？ | 该篇是笔者在Flutter项目中遇到的问题，所以示例代码是Dart语言。不过语言不是重点，重点是思想。 |
| 人工智能 | 网易云音乐技术团队 | 冷启动算法系列-云音乐歌曲冷启动初探 | 本部分介绍了基于标签的歌曲冷启动推荐方法，该方法简单有效，是目前网易云音乐歌曲推荐系统中重要的组成部分，是构建健康的音乐分发生态系统的重要基石，为众多冷启动新歌的成长提供了第一步的助力。 |
| 人工智能 | Livingbody | 基于OpenVINO 的PaddlePaddle 花朵分类模型部署预测 | 使用OpenVINO预测部署一个花朵分类模型。 |
| 人工智能 | 罗西的思考 | [源码解析] TensorFlow 分布式 DistributedStrategy 之基础篇 | 本章从 Strategy 的类体系结构和读取数据开始，分析如何把数据读取，模型参数，分布式计算融合到Python作用域或装饰器之中。 |
| 人工智能 | 极智视界 | 【模型推理】谈谈 caffe 的 bn 和 scale 算子 | 本文聊一聊 caffe 的 bn 和 scale 算子。caffe 中的 bn 算子和其他框架如 pytorch、darknet 中的有点区别，故这里拎出来聊一聊，避免大家走坑。 |
| 人工智能 | 皮大大 | 基于机器学习分类算法的钢材缺陷检测分类 | 本文为机器学习在工业数据的一篇实战文章：基于机器学习分类算法的钢材缺陷检测分类。 |
热点观察
搜集行业热点，洞察技术趋势。
| 文章分类 | 作者 | 文章 | 简介 |
|---|---|---|---|
| 前端 | ConardLi | 2022 年的 React 生态 | 本文将从状态管理、样式和动画、路由、代码风格等多个方面来看看 React 最新的生态，希望对以后在做技术选型的时候能够有所帮助。 |
| 前端 | 易师傅 | 教你使用 koa2 + vite + ts + vue3 + pinia 构建前端 SSR 企业级项目 | 一文带你使用vite 打造前端 SSR 企业级项目。 |
| 后端 | 码农小胖哥 | Intellij IDEA 2022 正式发布，这些功能真不错 | Intellij IDEA 2022 正式发布了，新版更新的功能不少，非常推荐。 |
掘金万花筒
根据内容质量、创意维度来筛选掘金社区的宝藏文章，你是那个宝藏吗？
| 文章分类 | 作者 | 文章 | 简介 |
|---|---|---|---|
| 人工智能 | 乂乂又又 | 会“思考”的 Flappy Bird | 本文将从神经网络和遗传变异两方面展开，探索如何让机器从零开始学会操控小鸟，并取得高分。 |
| 前端 | Running53 | 虚拟列表，我真的会了！！！ | 如果想要在网页中放大量的列表项，纯渲染对于浏览器性能将会是个极大的挑战，会造成滚动卡顿，整体体验非常不好，这时需要虚拟列表来解决。 |
| 前端 | 法医 | 纯CSS实现 丨 食物系虚拟流光键盘 | 什么是食物系虚拟流光键盘？本文带你实现一个炫酷键盘效果。 |
| 前端 | 十里青山 | 勇闯掘金，你就是头号玩家！ | 勇闯掘金小游戏，做头号玩家。 |
| 前端 | 闲D阿强 | ”玩个球啊“，这我用cocosCreater开发的一个联网对战游戏 | 开发游戏可以激发内心最原始的欲望，就是“我们一起玩吧”。 |
程序人生
| 作者 | 文章 | 简介 |
|---|---|---|
| 不要秃头啊 | 我是如何带领团队从零到一建立前端规范的？🎉🎉🎉 | 本文从为什么需要规范以及建立规范的重要性出发，逐步引申出如何去建立适合自己团队的规范，详细讨论了前端具体涉及到的规范都有哪些，部分小节有具体的配置步骤和操作链接。 |
| 00yyl00 | 终于，不用再一个个地提醒同事读README了 | 你是否在参与有README.md的项目的编写时，老是在更改了README.md之后不厌其烦地一个一个告知同事去读README.md？你是否遇到过有人因为没读README.md，在修改代码的时候犯了低级错误？你是否在项目中有好几个甚至几十个README.md，而没有办法在README.md被修改之后及时地找到并阅读README.md？ |
| 李熠 | 帮助团队成长是唯一的出路 | 为什么要帮助团队成长，怎么帮助？ |
| Carson913 | 聊聊周报-团队管理和自我管理的利器 | 不少公司都要求写周报，大家「苦周报久矣」。是什么让我们觉得周报是种负担，为什么我们不想写周报？ |
社区官方专区
活动日历
| 活动名称 | 活动时间 | 活动主理人 |
|---|---|---|
| 码上掘金，show出你的创意「代码块」 | 4月12日-4月30日 | @掘金Tory |
| 🔥 4 月更文挑战升级，创作一篇好文就有机会成为“创作先锋” | 4月1日-4月30日 | @Zoe_2333 |
| 谁是头号玩家？游戏创意投稿大赛来了 | 3月25日-4月24日 | @掘金Tory |
| 这神转折真掘了 ｜ 沸点故事创作会 | 4月21日 | @沸点小助手 |
官方公告
-
掘金社区文章推荐规则大更新！什么样的文章不会被推荐？
📖 投稿专区
大家可以在评论区推荐认为不错的文章，并附上链接和推荐理由，有机会登上下一期。文章创建日期必须在下期掘金一周发布前一个月以内；可以推荐自己的文章、也可以推荐他人的文章。
