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

网页开发

• 通过不同方式构建程序来练习编码 – 这篇文章提供了多种练习编程的方法，帮助提高编码技能。

• 前端正在悄然贬值 – 探讨了当前前端开发在工作中的价值和认可度问题。

• 使用Playwright进行测试可视化终极指南 – 介绍如何使用Playwright工具进行网页界面的可视化测试。

• INP优化：改善网站性能和谷歌排名指南 – 分析了INP（交互到下一次绘制）指标对于网站性能和搜索引擎排名的重要性。

• “AI”和可访问的前端组件：细节能靠生成吗？ – 讨论了是否能够利用人工智能技术生成符合可访问性标准的前端组件。

• 滚动时的3D堆叠运动效果 – 展示了一个滚动页面时产生3D堆叠运动效果的实现案例。

CSS

• 使用CSS color-mix()函数创建调色板 – 介绍了如何使用CSS的color-mix()函数来混合颜色，创建个性化调色板。

• 我在实际工作中使用CSS :has()的一些小方法 – 分享了在实际项目中使用CSS :has()选择器的一些技巧和方法。

• 现代CSS工具提示和语音泡泡（第2部分） – 深入探讨如何使用CSS创造现代化的工具提示和语音泡泡效果。

• 使用弹出框API、dialog元素、调用者、锚定位和@starting-style实现菜单、toast等 – 详解如何利用新的Web标准实现更好的用户界面组件，如菜单和toast提示。

• 流体排版的改造 – 探索如何优化网站的流体排版，提高设计的灵活性和响应性。
• 探索CSS滤镜和混合的创意力量 – 分享如何运用CSS滤镜和混合模式实现创意视觉效果。

• 5种受蜘蛛侠启发的CSS文本样式化方法 – 展示了五种受到电影《蜘蛛侠：平行宇宙》启发的CSS文本样式效果。

JavaScript

• 为什么我的代码不是TypeScript – 一个开发者分享他没有采用TypeScript的理由。

• 协同程序和web组件 – 探讨了如何将Web组件视为无限循环来设计和构建。

• 使用2MB的JavaScript进行预测性文本输入，无需LLM – 展示了一个小巧的预测性文本输入功能实现，不依赖于大型语言模型。

• JavaScript中的字符串转日期：如何避免错误 – 分享了在JavaScript中将字符串转换为日期时的常见错误和解决方法。

• 如果您是全栈开发人员，如何在SvelteKit项目中使用tRPC – 为全栈开发人员介绍如何在SvelteKit项目中集成和使用tRPC。

• React

  • 选择最佳React网站构建器的终极指南 – 为开发者提供选择最适合的React网站构建器的指南。

  • 我的Gatsby之旅已结束 – 一个开发者分享他停止使用Gatsby的经历和其中的原因。

  • 探索不太为人知的React钩子useSyncExternalStore – 介绍了一个较不常见但功能强大的React钩子useSyncExternalStore。
  • 详解Next.js 14教程：通过构建真实项目学习Next.js：第1部分 – 通过一个实际项目的构建来深入学习Next.js。

  • React Unforget — 一个React编译器，用于优化组件和钩子的性能和可读性 – 介绍一个优化React组件和钩子的编译器工具。

  • 探讨我们在React中是否需要状态管理? – 探讨了在React中使用状态管理的必要性。

  • 你知道吗，你可以用500行代码写自己的类型安全React路由 – 分享了如何编写类型安全的React路由器的教程。

  • 在React中安全使用dangerouslySetInnerHTML – 讨论了如何在React中安全地使用dangerouslySetInnerHTML属性。

• Vue
  • Vue 3中编写干净、可重用组件的最佳实践（组合API） – 这篇文章介绍了如何使用Vue 3的组合API编写干净且可重用的组件。

• Angular
  • Angular中的延迟视图带来的包大小改进 – 讨论了如何通过Angular中的延迟视图来减少应用的初始包大小。

  • Angular的输出交响乐：介绍输出函数 – 展示了Angular中新引入的输出函数，它是input()和model()的补充，帮助开发者更好地处理数据流。

  • 使用Nx和Angular的微前端架构 – 分享了如何结合Nx和Angular构建微前端架构，实现模块化的web应用开发。

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

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

原文链接：https://juejin.cn/post/7344573753537986614 作者：掘金安东尼