转转前端周刊第九十六期

转转前端周刊

本刊意在将整理业界精华文章给大家，期望大家一起打开视野

如果你有发现一些精华文章想和更多人分享，可以点击我们的公众号名称，将文章链接和你的解读文案发给我们！我们会对内容进行筛选和审核，保留你的推荐人署名，分享给更多的人

1、前端APM指标采集大冒险

随着公司业务的发展，原有的 APM 系统逐渐显露出一些痛点。这些问题包括性能统计不尽如人意、分析维度单一、频繁的调用链丢失、告警配置不够灵活、告警规则较少等等，痛点+需求多达几十条，新的需求在原 APM 中改造已经无从下手。为了应对这些挑战，我们决定在今年初展开新的 APM 系统重构，启动了 APM-v3 版本的项目。

2、X6 在云音乐低代码流程编排中的实践

目前云音乐已经建立了基于 GraphQL 的 BFF 研发模式，具体介绍参见《基于 GraphQL 的云音乐 BFF 建设实践》，在探索前后端协同的 BFF 研发模式上，起到了一定的作用和影响。然而，这种研发模式并未解决业务侧研发人员的核心痛点，同时又引出了一些新的问题，主要体现在以下几方面

3、按钮设计的技巧

为一名从业将近 20 年的设计师，我在许多项目中都使用过按钮，但从来没有花时间仔细考虑过按钮设计。直到最近，我才意识到自己在设计按钮时犯了一些常见错误（而且我不是唯一一个）。

4、用 ChatGPT 打工人来完成掘金年度打榜直播的抽奖

2023年的12月29日晚上，掘金的年度打榜直播，我作为嘉宾之一，参与了活动，并现场用 ChatGPT 组织了抽奖。

5、现代 CSS 解决方案：文字颜色自动适配背景色！

在 23 年的 CSS 新特性中，有一个非常重要的功能更新 -- 相对颜色。简单而言，相对颜色的功能，让我们在 CSS 中，对颜色有了更为强大的掌控能力。其核心功能就是，让我们能够基于一个现有颜色 A，通过一定的转换规则，快速生成我们想要的颜色 B。