今日主理人｜下午茶
本期每日掘金由法医负责制作。
酱酱们的下午茶新增优质作者介绍和码上掘金板块，专注于发掘站内优质创作者和优质内容，欢迎大家多提宝贵意见！
本文字数1600+，阅读时间大约需要 6 分钟。
- 【掘金酱的下午茶】亮点：
- 比Webpack快700倍的Turbopack，到底快在哪？
- 纯原生开发 Web Components 超详细分享
- 「译」为什么我们正在放弃 CSS-in-JS
- 给vue-element-admin接入qiankun的微前端开发实践总结
- 「React 深入」React事件系统与原生事件系统究竟有何区别？
- 如何修改 Nginx 源码实现 worker 进程隔离
- 以感知生命周期的方式观察 Flow 数据
- ……
筛选规则：文章发布时间在本期「掘金酱的下午茶」发布时间的1-3天内，且符合社区推荐标准，也会同步发布在掘金相关技术社群。
每日干货｜下午茶
主理人们会对近期（1-3天）社区深度技术好文进行挖掘和筛选，优质的技术文章有机会出现在下方列表，排名不分先后。
| 文章分类 | 作者 | 文章 | 简介 |
|---|---|---|---|
| 前端 | CUGGZ | 比Webpack快700倍的Turbopack，到底快在哪？ | 10月25日，Next.js 13 正式发布。同时，Vercel 还推出并开源了下一代打包工具：Turbopack。Turbopack 是针对 JavaScript 和 TypeScript 优化的增量打包工具，由 Webpack 的创建者 Tobias Koppers 和 Next.js 团队使用 Rust 编写！下面就来看看 Turbopack 都有哪些优势！ |
| 前端 | 田同学2001 | 纯原生开发 Web Components 超详细分享 | 最近我正在研究 Web Components 的组件库，由于目前社区还没成熟，各种例子也少，网上的一些其它文章都太过于简单，优化太差，仅仅是实现基础。很多的 web components 库也是使用了第三方的支持。但是为了搞清楚其中的原理，还是直接来手写一波原生比较好，所以近期踩尽了坑，翻遍了 MDN，也撕了一些第三方库的源码，用了两天时间，从无到有总结了以下经验，前来分享一波 |
| 前端 | superZidan | 「译」为什么我们正在放弃 CSS-in-JS | 这篇文章将深入的挖掘我当时为什么会在项目中使用 CSS-in-JS （本文使用 Emotion方案 ），而现在为什么正在放弃这样的方案。 |
| 前端 | 村上小树 | 给vue-element-admin接入qiankun的微前端开发实践总结 | 这是一篇给vue-element-admin接入qiankun的微前端学习文章。在本文中，我通过一个项目给大家展示如何给以vue-element-admin项目接入微前端应用，且在此基础上实现关于通信、面包屑等高级特性 |
| 前端 | 小杜杜 | 「React 深入」React事件系统与原生事件系统究竟有何区别？ | 我们知道React自身提供了一套虚拟的事件系统，这套系统与原生系统到底有何区别？今天一起来详细看看，作为一个前端，我们会有很多的事件处理，所以学好React事件系统是非常有必要的 |
| 后端 | 挖坑的张师傅 | 如何修改 Nginx 源码实现 worker 进程隔离 | 最近我们线上网关替换为了 APISIX，也遇到了一些问题，有一个比较难解决的问题是 APISIX 的进程隔离问题。首先我们遇到的就是 APISIX Prometheus 插件在监控数据过多时影响正常业务接口响应的问题。当启用 Prometheus 插件以后，可以通过 HTTP 接口获取 APISIX 内部采集的监控信息然后展示到特定的看板中。 |
| 后端 | Jenkin | 个人收款的实现方案 | 最近出于个人需要折腾了一套微信免签支付的个人系统，下面介绍一下整体的一个实现方案 由于微信本身不提供免签的支付api，因此个人若想要实现免签支付，那么只能通过监听微信收款通知来实现了，因此整个系统的实现部分分为 收款服务端和监听客户端来实现 |
| 后端 | 大摩羯先生 | 「数据密集型系统搭建」开卷篇｜什么是数据密集型系统 | 在我们开发的诸多系统，基本都可以视为“数据密集型系统”，数据是一切物质的载体，我们依靠数据做存储记录，通过数据进行信息传递交换，最终还要数据来呈现和展示等，从一定视角而言，系统中最核心、最底层、最密集的是数据，时刻都在围绕数据构建服务运转并驱动业务。 |
| 移动端 | 恋猫de小郭 | Flutter 之快速理解混合开发里的手势事件传递 | 本篇我们聊聊 PlatformView 里的手势事件传递，为什么会有这么一篇？其实在此之前已经写过很多 Flutter 里关于混合开发里 PlatformView 的内容，而随着 Flutter 版本的迭代， PlatformView 的实现也出现了一定的历史包袱问题。 |
| 移动端 | RethinkAndroid | 以感知生命周期的方式观察 Flow 数据 | Android 是有生命周期的，在 UI 展示的时候可以接受一些数据更新 UI，在 App 进入后台的时候应该停止接受数据以便释放资源，并且避免一些意想不到的异常；协程和 Flow 是和 Android 平台无关的 API，正常情况下无法感知 Android 生命周期方法。 |
| 移动端 | 张风捷特烈 | Flutter 绘制探索 扇形区域与点击校验 | 今天来探索一个问题，如何绘制一块扇形区域路径，并且校验触点是否落在 扇形区域 之中。这个问题对于绘制 饼图 及处理手势事件校验非常重要。 |
优秀作者推荐｜下午茶
推荐作者来源于月榜上榜作者，欢迎大家关注榜单小助手，了解更多优质作者：juejin.cn/user/443367…
| 领域 | 用户名 | 简介 | 个人主页链接 |
|---|---|---|---|
| 前端 | 前夕 | 招聘前端后端测试运维.base上海闵行.十三薪+绩效+期权+节假日+六险一金.高考本科以上,工作经验不限. 官网qingflow.com 有兴趣可+v详聊: 17764594863 | juejin.cn/user/270005… |
| 后端 | 一无是处的研究僧 | 微信公众号一无是处的研究僧，爱好写技术博客，分享Python Java 大数据。 | juejin.cn/user/163651… |
| 移动端 | Halifax | 星光不问赶路人，岁月不负有心人 | juejin.cn/user/845182… |
趣味码上掘金分享｜下午茶
| 作者 | 代码介绍 | 简介 |
|---|---|---|
| 叶一一小姐姐 | 万圣节搞怪糖果 | 不给糖果就捣蛋，卡哇伊的小蜘蛛，总之很好看，没有之一 |
📖 投稿专区｜下午茶
大家可以在评论区推荐认为不错的文章，并附上链接和推荐理由，有机会登上下一期。文章创建日期必须在近1-3天内；可以推荐自己的文章、也可以推荐他人的文章。
