今日主理人｜下午茶
酱酱们的下午茶新增优质作者介绍和码上掘金板块，专注于发掘站内优质创作者和优质内容，欢迎大家多提宝贵意见！
本文字数1500+，阅读时间大约需要 6 分钟。
【掘金酱的下午茶】亮点：
- 现代 CSS 指南 -- at-rule 规则扫盲
- 2022 你还不会微前端吗 (上) — 从巨石应用到微应用
- Three.js 进阶之旅：神奇的粒子系统-迷失太空
- 又实现了一个酷炫的动感激光，不来看看？
- WebCodecs视频导出实践
- 从0到1设计通用数据大屏搭建平台
- 详解闲鱼推荐系统
- ……
筛选规则：文章发布时间在本期「掘金酱的下午茶」发布时间的1-3天内，且符合社区推荐标准，也会同步发布在掘金相关技术社群。
每日干货｜下午茶
主理人们会对近期（1-3天）社区深度技术好文进行挖掘和筛选，优质的技术文章有机会出现在下方列表，排名不分先后。
| 文章分类 | 作者 | 文章 | 简介 |
|---|---|---|---|
| 前端 | chokcoco | 现代 CSS 指南 -- at-rule 规则扫盲 | 在 CSS 中，存在大量的以 @ 符号开头的规则。称之为 @规则(at-rule)。本文就将介绍一下除去媒体查询之外，其他有意思的且在未来会越来越重要的 @规则 规则 |
| 前端 | 熊的猫 | 2022 你还不会微前端吗 (上) — 从巨石应用到微应用 | 微前端系列分为 上/下 两篇，本文为 上篇 主要还是了解微前端的由来、概念、作用等，以及基于已有的微前端框架进行实践，并了解微前端的核心功能所在，而在 下篇 中主要就是通过自定义实现一个微前端框架来加深理解。 |
| 前端 | dragonir | Three.js 进阶之旅：神奇的粒子系统-迷失太空 | 粒子 particle 和 精灵 sprite 是在三维开发中经常用到的网格模型，在 Three.js 中使用 THREE.Points 可以非常容易地创建很多细小的物体，可以用来模拟星辰、雨滴、雪花、烟雾、火焰和其他有趣的效果。本文将讨论关于 Three.js 中各种创建粒子的方式和以及如何优化粒子的样式和使用粒子，最终将结合本文所讲的粒子知识，制作一个充满趣味和创意的 3D 粒子页面——迷失太空。 |
| 前端 | 爱吃鱼的桶 | 又实现了一个酷炫的动感激光，不来看看？ | 通过 ES6 + TS ，让我们编写 canvas 相关的代码时能够更加的得心应手，并且有了编辑器的代码提示后，不论是编写的速度还是代码的准确率，都有很大的提升。虽然定义相关的 TS 类型会花费我们一些时间，但是这些都是很值得的，因此强烈建议大家在后续的学习和开发中都能用到 TS。 |
| 前端 | 字节架构前端 | WebCodecs视频导出实践 | Web视频编辑器即基于浏览器的视频编辑工具，可以实现视频拼接、滤镜等功能点，一般包含视频导入、预览和导出功能。在众多编辑器中，绝大部分编辑器选择了服务端导出，因为服务端编解码能力更强，导出速度更快，而且可以在用户关闭浏览器后离线导出。唯一可能存在的问题就是所见即所得，导出和预览可能存在细微差别。 |
| 后端 | vivo互联网技术 | 从0到1设计通用数据大屏搭建平台 | 本文将通过敏捷BI平台的通用大屏搭建能力的实现方案，来讲解一下通用可视化搭建平台整体的设计思路。 |
| 后端 | 闲鱼技术 | 详解闲鱼推荐系统（长文收藏） | 在互联网信息爆炸的今天，推荐系统是我们身边一个无法躲避的存在。在淘宝上浏览商品，在抖音上刷视频，以及无处不在的广告等等。本文探讨闲鱼商品推荐系统的同时，结合所面临的多推荐场景工程维护任务重、算法模型优化难以自动辐射多场景的痛点，介绍如何构建通用的推荐中台。 |
| 后端 | Throwable | ULID规范解读与实现原理 | 最近发现各个频道推荐了很多ULID相关文章，这里对ULID的规范文件进行解读，并且基于Java语言自行实现ULID，通过此实现过程展示ULID的底层原理。 |
| 后端 | 字节跳动技术团队 | Golang 内存调优 - 逃逸分析 | 逃逸分析对于日常开发而言不可或缺，对于提高代码质量、降低接口延时、提高系统稳定性都有非常大的帮助，有时犹如一把利器割开束缚的口子，困难就迎刃而解。 |
| 移动端 | 老李code | Flutter 动画剖析(一) 彻底掌握动画的使用 | 早期的动画片是利用大量图片进行快速切换从而达到一种看似连续的动画效果，这就是最早期的帧动画，利用人的视觉延迟产生的一种连续的效果，其实现在的动画也是这个原理，在同一时间屏幕进行多次有规律的渲染次数，渲染次数越多，动画就越流畅，也就是我们平常说的屏幕刷新率。本篇文章主旨让大家在使用Flutter动画的过程中游刃有余，不对具体源码进行解析。 |
| 移动端 | 艾维码 | Compose 的 Navigation 很难用？我给你封装一个超好用的！ | Navigation 组件支持 Jetpack Compose应用。我们可以在利用 Navigation 组件的基础架构和功能，在可组合项之间导航。然而，在项目中使用之后，我发现这个组件真的不好用 |
| 移动端 | 张风捷特烈 | # FlutterUnit 更新 拓展样式风格切换 - 标准风格 | FlutterUnit 最初主页面的设计风格被不少人所诟病，颜色花里胡哨，觉得有些非主流，和杀马特风格。为此推出可切换的 标准风格 ，来满足不同使用者的口味。本文就来介绍一下拓展过程中的一些处理方式，如何在一个应用中，给出两种样式迥异风格的处理方案 |
优秀作者推荐｜下午茶
推荐作者来源于月榜上榜作者，欢迎大家关注榜单小助手，了解更多优质作者：juejin.cn/user/443367…
| 领域 | 用户名 | 简介 | 个人主页链接 |
|---|---|---|---|
| 前端 | Urias | 巅峰迎来虚伪的拥护，黄昏见证真正的信徒。 | juejin.cn/user/241057… |
| 后端 | 捡田螺的小男孩 | 公众号:捡田螺的小男孩 | juejin.cn/user/145101… |
| 移动端 | 恋猫de小郭 | 《Flutter 开发实战详解》作者，Github GSY 系列项目负责人，一个写代码的老二次猿 | juejin.cn/user/817692… |
趣味码上掘金分享｜下午茶
| 作者 | 代码介绍 |
|---|---|
| 草帽Plasticine | 😀CSS 实现 iPhone 14 Pro 灵动岛 |
📖 投稿专区｜下午茶
| 文章分类 | 作者 | 文章 |
|---|---|---|
| 人工智能 | LolitaAnn在掘金 | CLIP打通文本图像壁垒，为AI图像生成打下基础 |
| 人工智能 | LolitaAnn在掘金 | 【翻译】最近兴起的扩散模型 |
| 人工智能 | LolitaAnn在掘金 | 【翻译】图解BERT、ELMo等 NLP迁移学习开端 |
大家可以在评论区推荐认为不错的文章，并附上链接和推荐理由，有机会登上下一期。文章创建日期必须在近1-3天内；可以推荐自己的文章、也可以推荐他人的文章。
