# 前端每周文摘 - 每周更新：国外论坛的前端热门文章，推荐大家阅读/翻译，紧跟时事，了解/掌握前端行业新闻，也给想写作或尝试突破新技术领域的同学们提供思路~

Web-development

• 响应Web组件中的HTML变化 ：这篇文章讲述了如何在Web组件内部监测和响应HTML内容的变化，以实现更加动态和响应式的用户界面。

• 如何优化网站内容以适应特色摘要 ：这篇文章探讨了如何优化网站的内容，使其能够更好地显示在搜索引擎的特色摘要中，以吸引更多点击和访问。

• 逐步过渡，让你的应用现代化 ：文章讨论了在将传统应用程序现代化的过程中，应该如何规划一个平稳的过渡计划。

• 我们是否在看着互联网死亡？ ：这篇文章提出了对互联网当前状态的批评性思考，质疑我们是否正在目睹互联网的衰落。

• 设计令牌在现代Web开发中的价值 ：文章介绍了设计令牌在现代Web开发中的重要性，以及如何有效地使用它们来维护一致的设计系统。

• 在AI和SEO衰退的时代，网站的未来 ：探索了人工智能(AI)对搜索引擎优化(SEO)和网站未来的影响，以及开发者应如何适应这些变化。

• 使用React Three Fiber创建交互式3D凸起文字效果 ：这篇教程展示了如何使用React和Three.js库的结合体React Three Fiber来创建引人注目的3D文字效果。

• 无障碍性
  • 关于弹出窗口无障碍性：浏览器做了什么和没做什么 ：这篇文章讨论了创建无障碍弹出窗口时，浏览器提供的支持以及开发者需要手动处理的部分。

  • 使用伪类创建无障碍表单 ： 文章介绍了如何使用CSS伪类来改善表单的无障碍性，使其对所有用户都更友好。

CSS

• 在CSS中超越像素和(r)ems — 绝对长度单位 ：文章探讨了在CSS中使用不同的长度单位，以及如何选择合适的单位进行布局和设计。

• 盒模型和盒尺寸 ：讲解了CSS盒模型的基础知识，以及如何使用box-sizing属性来控制元素的渲染方式。

• 冷静的滚动捕捉：文章标题 ：介绍了如何使用CSS的滚动捕捉特性来创建平滑的滚动效果，尤其是对于文章标题的展示。

• 实现垂直表单控制 ：这篇文章说明了在Webkit中如何实现垂直方向的表单控件，以提供更好的用户体验。

• 再见SASS 👋, 欢迎回到原生CSS ：作者分享了他放弃SASS转而使用原生CSS的经验，以及这种转变背后的理由和好处。

JavaScript

• 向国王致敬，宝贝：为什么JavaScript称霸 ：文章解释了为什么JavaScript在编程语言中占据主导地位，以及它在前端开发中的不可替代性。

• 使用Node.js和htmx构建全栈应用 ：这篇教程向读者展示了如何结合使用Node.js和htmx来构建一个功能完备的全栈Web应用。

• WebSockets与服务器发送事件、长轮询、WebRTC和WebTransport的比较 ：本文对比了WebSockets、服务器发送事件(Server-Sent Events)、长轮询(Long-Polling)、WebRTC和WebTransport这几种Web通信技术。

• 大数字，别担心：用逗号格式化JavaScript数字 ：这篇文章提供了在JavaScript中处理大数字，并以逗号分隔的格式展示它们的技巧。

• OpenTelemetry实践：为JavaScript应用程序添加追踪 ：本文介绍了如何在JavaScript应用中实现OpenTelemetry追踪，以便监控应用性能和请求流。

• 优化JavaScript的乐趣和收益 ：文章深入探讨了JavaScript性能优化的多个方面，并分享了一些实用的技巧和策略。

• Kuto，一个反向JS打包工具 ：介绍了Kuto工具，它采取一种反向的打包策略，有助于开发者优化JavaScript代码的加载和执行。

• React
  • MistCSS — 使用纯CSS编写原子化的React组件！（JS-from-CSS™） ： 这篇文章介绍了MistCSS，它允许开发者使用CSS中的原子化类来构建React组件，无需编写JavaScript代码。

  • React编译器的类型系统 ：探讨了React编译器的类型系统，以及如何使用类型来提高代码的可靠性和可维护性。

  • 使用Vitest测试React自定义钩子和组件 ： 展示如何利用Vitest这个测试框架来测试React的自定义钩子和组件。

  • 使用react-to-print生成可打印文档 ：教程展示如何使用react-to-print库来创建和打印React应用中的文档。

  • 探索Catalyst，Tailwind的React UI工具包 ：介绍了Catalyst工具包，它是基于Tailwind CSS的React UI工具包，具有多种现成的组件和工具。

• • Next.js如何破坏React基础(示例) ：这篇文章讨论了Next.js如何在某些方面违反React的基本原则，并给出了一些实际示例。

• Vue
  • 用PDF.js、vue3-pdf-app等构建Vue.js的PDF查看器 ：本文介绍了如何结合PDF.js和vue3-pdf-app来为Vue.js应用构建一个PDF查看器。

  • 如何避免和修复Vue.js中的prop钻取 ： 文章详细解释了prop钻取的概念，并介绍了如何在Vue.js应用中避免和修复这一问题。

• Angular
  • 与NativeScript结合使用Angular：创建Blackout照明控制台 ：这篇文章展示了如何使用Angular和NativeScript共同开发一个名为Blackout的照明控制台应用程序。

  • 使用RouteReuseStrategy提升Angular应用性能 ：本文探讨了Angular中RouteReuseStrategy的使用，并介绍了如何通过它来提升应用性能。

  • Angular信号：最佳实践 ： 文章讨论了在Angular中使用信号的最佳实践，以及如何在应用程序中有效使用它们。

说到这里，我们不难发现：成长与发展人生的主旋律 ~ 最后，自荐一下我和机械工业出版社联合出版的 《程序员成长手记》 一书：全书分为3大模块、8个章节：从入门程序员到程序员自驱成长，回归纸质阅读，相信能给你一个更全局的程序员视野，提供成长帮助。京东搜“程序员成长手记”

OK，以上便是本次分享，希望各位喜欢~ 欢迎点赞、收藏、评论 🤟 我是安东尼 🤠 人气技术博主 💥 坚持千日更文 ✍ 关注我，安东尼陪你一起度过漫长编程岁月