本文主要是介绍双周回顾#007 - 前端与后端，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
前端的问题不是难，而是它面对最终用户。只要用户的喜好和口味发生变化，前端就必须跟上。
这导致前端不得不快速变化，因为用户的口味正在越来越快地改变。
后端不需要面对最终用户，需要解决的都是一些经典的计算机科学问题，比如算法和数据结构。这些问题很少变化，可以利用以前的研究成果，所以变化速度慢得多。
价值
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 - 火烧云
这篇关于双周回顾#007 - 前端与后端的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
