ReduxToolkit、CSS/SVG实现复杂线条光效、MySQL 优化器索引选错、布隆过滤器、Android perfetto

Hello，又到了每天一次的下午茶时间。酱酱们的下午茶新增优质作者介绍和码上掘金板块，专注于发掘站内优质创作者和优质内容，欢迎大家多提宝贵意见！

本文字数 1800+，阅读时间大约需要 6 分钟。

【本期掘金酱的下午茶】亮点：

不要再写满屏import导入啦

Redux Toolkit

准线上事故之 MySQL 优化器索引选错

布隆过滤器：原理与最佳方案实践

浅聊下对 app 开发成长有益的一些技能

Android perfetto 系列 1：Perfetto 工具简介

......

筛选规则：文章发布时间在本期「掘金酱的下午茶」发布时间的 1-3 天内，且符合社区推荐标准，也会同步发布在掘金相关技术社群。

今日主理人｜下午茶

本期每日掘金由 MiyueFE 负责制作。如有投稿文章，请私信👉 MiyueFE

PS：主理人目前正在招募中，有感兴趣的掘友们可以联系Captain

每日干货｜下午茶

主理人们会对近期（1-3 天）社区深度技术好文进行挖掘和筛选，优质的技术文章有机会出现在下方列表，排名不分先后。

『前端』

📗 不要再写满屏import导入啦！🔥

本文主要探讨了在 JavaScript 项目中，import 语句占用满屏的原因和解决方法。作者分析了模块重导、require.context、import 动态导入、webpack.ProvidePlugin 等技术手段，并给出了一些优化建议，以减少 import 语句的数量，提高代码的可读性和维护性。

📗 我为LowCodeEngine低代码引擎写了个插件，让不懂代码的产品人员也能自己开发页面了。

本文介绍了作者为 LowCodeEngine 低代码引擎开发的一个插件，旨在让不懂代码的产品人员也能自己开发页面。该插件通过可视化的方式，让用户能够轻松地创建、编辑和部署页面，而无需编写任何代码。这对于那些希望快速创建和更新页面的团队来说，是一个非常有用的工具。

📗 一文搞懂 JavaScript 模块化

本文深入探讨了 JavaScript 模块化的概念和实现方式。作者首先介绍了模块化的背景和需求，然后详细解释了 CommonJS、AMD 和 ES6 模块等模块化规范的特点和用法。此外，文章还讨论了模块的导出和导入、模块的加载和解析、模块的作用域和上下文等重要主题。通过本文的学习，读者将对 JavaScript 模块化有更深入的理解，并能够更好地应用模块化技术来构建和组织复杂的 JavaScript 应用程序。

📗 Redux Toolkit

本文介绍了 Redux Toolkit，这是一个用于简化 Redux 开发的工具集。Redux Toolkit 提供了一系列的函数和工具，帮助开发者更好地使用 Redux，包括创建 Store、定义 Actions 和Reducers、处理异步操作等。通过使用 Redux Toolkit，开发者可以减少代码量，提高代码的可读性和可维护性。同时，Redux Toolkit 还提供了一些最佳实践和规范，帮助开发者更好地理解和使用 Redux。

📗 【动画进阶】巧用 CSS/SVG 实现复杂线条光效动画

本文介绍了如何使用 CSS 和 SVG 实现复杂线条光效动画。作者首先介绍了如何使用 CSS 实现基本的线条动画，然后逐步深入，探讨了如何使用 SVG 元素和 CSS 属性来创建更复杂的动画效果。通过结合 CSS 和 SVG 的优势，作者展示了如何创建出令人惊叹的线条光效动画，为网站和应用程序增添吸引力和动感。