一个诡异的 Pulsar InterruptedException 异常、浏览器工作原理 | 每日掘金第181期_酱酱们的每日掘金

theme: Chinese-red

Hello，欢迎来到每日掘金时间。每日掘金专注于发掘站内优质创作者和优质内容，欢迎大家多提宝贵意见！

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

【本期每日掘金】亮点：

如何在canvas中模拟css的背景图片样式

2023年再不会动态代理，就要被淘汰了

从 B 站出发，用 Chrome devTools performance 分析页面如何渲染

你见过java程序自毁(kill)吗？我踩过

视角拉高，系统性地梳理下Gradle

……

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

今日主理人

本期每日掘金由丘山子负责制作，需要投稿每日掘金请私信我的助理小岳。

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

每日干货

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

『前端』

浏览器工作原理

在这个系列中，我们将讨论导航、获取数据、解析和渲染等步骤，并希望能使你对这些概念更清晰。

SREWorks前端低代码组件生态演进：monorepo架构重构和远程组件加载实践

SREWorks前端低代码组件生态演进：monorepo架构重构和远程组件加载实践

【源码&库】Vue3 中的 nextTick 魔法背后的原理

虽然我不懂Vue的内部实现，但是我知道有问题上nextTick就对了，你天天上nextTick，那么nextTick为什么可以让你这么爽你就不好奇吗？

如何在canvas中模拟css的背景图片样式

读完本文，你还可以顺便复习一下canvas的drawImage方法，以及css背景设置的几个属性的用法。

从 B 站出发，用 Chrome devTools performance 分析页面如何渲染

页面是如何渲染的？通常会得到“解析 HTML、css 合成 Render Tree，就可以渲染了”的回答。但是具体都做了些什么，却很少有人细说，我们今天就从 Chrome 的性能工具开始，具体看看一个页面是如何进行渲染的，以及进行页面优化时需要关注哪些指标。

以“老二次元”网站 bilibili 为例，我们将通过分析 performance 面板，串联起 Chrome 页面渲染流程，以及页面的部分量化指标的含义，来看页面具体是如何渲染的。

『后端』

如何优雅的使用策略模式

最近这段时间，想给大家分享一下设计模式的一些用法以及在项目中怎么运用。

设计模式是软件设计中常见问题的典型解决方案。它们就像能根据需求进行调整的预制蓝图，可用于解决代码中反复出现的设计问题。

今天就拿其中一个问题来分析，使用策略模式来解决问题，没有了解过策略模式或者长时间不用已经忘了策略模式的小伙伴先来简单了解一下策略模式吧。

一个诡异的 Pulsar InterruptedException 异常

今天收到业务团队反馈线上有个应用往 Pulsar 中发送消息失败了，经过日志查看得知是发送消息时候抛出了 java.lang.InterruptedException 异常。

和业务沟通后得知是在一个 gRPC 接口中触发的消息发送，大约持续了半个小时的异常后便恢复正常了，这是整个问题的背景。

你见过java程序自毁(kill)吗？我踩过

今天，兴致勃勃想登陆在线音乐听听周董的《稻香》，结果，发现请求音乐接口失败（音乐博客是由java服务提供的第三方服务），于是马上进入服务器看下日志，进行了排查之路。

2023年再不会动态代理，就要被淘汰了

在 Spring 中，最重要的应该当属 IOC 和 AOP 了，IOC 的源码流程还比较简单，但 AOP 的流程就较为抽象了。

其中，AOP 中代理模式的重要性不言而喻，但对于没了解过代理模式的人来说，痛苦至极

于是，我就去看了动态代理的实现，发现网上大多数文章讲的都是不清不楚，甚至讲了和没讲似的，让我极其难受

本着咱们方向主打的就是源码，直接从从源码角度讲述一下 代理模式