现代前端框架重要概念汇总、22年终总结｜掘金一周 1.06

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

【掘金一周】本期亮点：

Nest.js 这么大的项目是怎么优化 ts 编译性能的？

现代前端框架的重要概念总结

启动优化 · 基础论 · 浅析Android启动优化

一种Android应用耗电定位方案

字节跳动模型大规模部署实战

精华总结 |「跨越疫情之境，迈向新的征程」盘点2022年度开发团队云原生的改革之路

2022年终总结

上榜规则：文章发布时间在本期「掘金一周」发布时间的前一个月内；且符合各个栏目的内容定位和要求。

一周“金”选

掘金一周 1313_518.png

内容评审们会在过去的一周内对社区深度技术好文进行挖掘和筛选，优质的技术文章有机会出现在下方榜单中，排名不分先后。

前端

Nest.js 这么大的项目是怎么优化 ts 编译性能的？ @ zxg_神说要有光

Nest.js 是流行的 node 服务端框架，最近笔者注意到它有一个大的 PR。这个 PR 涉及到 50 多个文件，800 多行代码的改动：大家肯定会觉得这么多代码改动肯定是大版本升级无疑了。

CSS 如何根据背景色自动切换黑白文字？ @ XboxYan

在项目中，经常会碰到背景色不确定的场景，为了让内容文字足够清晰可见，文字和背景之间需要有足够的对比度。换句话说，当背景是深色时，文字为白色，当背景是浅色时，文字为黑色。本文就通过纯CSS来实现这样的效果。

【精】现代前端框架的重要概念 @ superZidan

本文会梳理现代前端框架重要概念，深入代码原理分析。适用于各个阶段前端开发者学习理解，尤其是前端小白入门以及技术 leader 框架选型。

【WebRTC 跨端通信】React + React Native 双端视频聊天、屏幕共享 @ 杨成功

WebRTC 因为其过于优秀的表现，其应用范围已经不限于 Web 端，移动 App 也基本实现了 WebRTC 的 API。在跨平台框架中，Flutter 和 React Native 都实现了对 WebRTC 的支持。本文将以 App（React Native）为呼叫端，Web（React）为接收端，分别介绍两端如何进行视频通话。

单测在商家前端业务中的实践 @ 得物技术

商家系统是提供给得物商家在得物平台上可以稳定运营的服务抓手，前端代码也伴随着系统的发展而不断壮大。这样将导致文档却更新不及时，最后想再通过这些文档回溯业务逻辑也非常困难。需要以 “ 单测 即文档” 的理念为落地方向，在代码设计以及用例的构思、结构、断言、描述等环节都做了一定取舍，最终在用例的书写成本、稳定性、可读性等各个方面取得了相对较好的平衡。

后端

责任链模式的高级用法：多级校验、工作流，这样写代码才足够优雅！ @ 码猿技术专栏

责任链模式，简而言之，就是将多个操作组装成一条链路进行处理。请求在链路上传递，链路上的每一个节点就是一个处理器，每个处理器都可以对请求进行处理，或者传递给链路上的下一个处理器处理。本文将通过两个案例来学习一下责任链模式。

ElasticSearch性能优化实践(JVM调优+ES调优) @ Spurs蒋

笔者对公司的 ELK 日志系统做过性能优化，也对 SkyWalking 使用的 ES 存储进行过性能优化，在此做一些总结。本篇主要是讲 ES 在 ELK 架构中作为日志存储时的性能优化方案。

详解JAVA线程问题诊断工具Thread Dump @ 华为云开发者联盟

Thread Dump是非常有用的诊断Java应用问题的工具。每一个Java虚拟机都有及时生成所有线程在某一点状态的thread-dump的能力，虽然各个 Java虚拟机打印的thread dump略有不同，但是大多都提供了当前活动线程的快照，及JVM中所有Java线程的堆栈跟踪信息，堆栈信息一般包含完整的类名及所执行的方法，如果可能的话还有源代码的行数。

Android

一种Android应用耗电定位方案 @ 货拉拉技术

耗电通常是一个app隐藏的性能问题，同时又由于手机性能不同，使用时长不同，使用习惯不同，“耗电问题”从诞生以来，都被业内誉为伪命题，因为耗电量通常不具备较为“标准化”的衡量。但是应用耗电是客观的事实，本文将从官方耗电计算、自定义耗电检测两个出发，从而实现一种app耗电的定位的方案。

启动优化 · 基础论 · 浅析Android启动优化 @ 小木箱

启动性能是app使用体验的门面，启动过程耗时较长很可能导致用户流失，导致用户对公司产品兴趣骤减。因此，启动性能优化成为了团队的重中之重的优化专项。本文从四个维度将Android启动优化基础论解释清楚：启动基础、启动优化价值、启动优化业务痛点以及总结。

钉钉 ANR 治理最佳实践 | 定位 ANR 不再雾里看花 @ 阿里巴巴终端技术

相信大家对 Android 的 ANR 问题并不陌生。钉钉作为一个用户数超 5 亿，服务着 2100 万家组织的产品，基本上其他 App 遇到的 ANR 问题，钉钉都会遇到。

和大家一样，最初在分析 ANR Trace 日志的时候，都会不禁怀疑上报的堆栈是否真的有问题，总有一种雾里看花的感觉。

本系列文章主要介绍钉钉在 ANR 治理过程中的思考方向，工具建设，典型问题等，希望能够通过本次分享，为有 ANR 治理诉求的团队提供一定的参考。

掌握这17张图，没人比你更懂RecyclerView的预加载 @ 星际码仔