一個詭異的 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 中代理模式的重要性不言而喻，但對於沒了解過代理模式的人來説，痛苦至極

於是，我就去看了動態代理的實現，發現網上大多數文章講的都是不清不楚，甚至講了和沒講似的，讓我極其難受

本着咱們方向主打的就是源碼，直接從從源碼角度講述一下 代理模式