前端的問題不是難，而是它面對最終用戶。只要用戶的喜好和口味發生變化，前端就必須跟上。

這導致前端不得不快速變化，因為用戶的口味正在越來越快地改變。

后端不需要面對最終用戶，需要解決的都是一些經典的計算機科學問題，比如算法和數據結構。這些問題很少變化，可以利用以前的研究成果，所以變化速度慢得多。

價值

AIGC

元宵節當天與朋友暢聊，他建議公司要引入 AIGC，用它做什么不重要，重要的是要去主動的擁抱它。AI 是趨勢，是未來！！

GPT、SORA，AI 發展的如此之快，一年之后、三年之后、五年之后，這個世界的運行模式會變成什么樣呢？

文章

Web Component 轉圖片

當前主流的 HTML 轉圖片 的方式是利用 svg 的 foreignObject 特性實現，當 HTML 中遭遇 Web Component 時，會導致 Web Component 無法正常顯示。

@swl/clone-node-deep通過降級方案解決 Web Component 的兼容

工具

XSS 問題的解決方案

Web 中 XSS 攻擊是個長談的話題，基本的原理大家都知曉，那應該如何防御呢？

重復的造輪子嗎？不再需要造輪子了，或許你僅需要一個DOMPurify

SonarQube - Code Review 神器

sonarqube 是一個自我管理的自動代碼審查工具，支持 30+編程語言，可以系統地幫助您提供干凈的代碼。該工具的能力：

• 代碼重復率檢測
• 代碼圈復雜度檢測
• 異味代碼檢測
• …

通常使用此工具定位上述的三個問題。

它支持可視化的界面展示，同時也提供了 SCode 插件 - sonarlint

NoSleep.js

防止電腦進入休眠模式，通常你會怎么操作呢？

一個奇思妙想，通過瀏覽器控制設備的休眠狀態，它的原理：

• 方案一：一個隱藏的、不停止的視頻播放器
• 方案二：利用 navigator 提供的 wakeLock，阻止屏幕熄屏

在線演示：www.keepscreenon.com

生活

文昌閣

靜極思動，搜索了下周邊的景點，看到一個文昌閣，興之所至，敗興而歸。

往期回顧

• 雙周回顧#006 - 這三個月
• 雙周回顧#005 - 零
• 雙周回顧#004 - 滿眼歡喜
• 雙周回顧#003 - 新生
• 雙周回顧#002 - 紅樹林
• 雙周回顧#001 - 火燒云