前端周刊 #317(6月26日至7月2日)
MEDIUM 上有位博主叫：Fresh Frontend Links （前端文摘速递）
每周都会更新 1 篇文章，关于：总结上一周 “前端新鲜事儿”，汇聚成链接合集
推荐大家阅读/翻译文摘里面的文章，紧跟时事，了解/掌握前端行业新闻，也给想写作或尝试突破新技术领域的同学们提供思路
Web开发
-
AI混乱问题是否已无法挽回？：一篇关于人工智能在Web上的使用问题的文章。
-
6月份Web平台的新内容：介绍了6月份Web平台的一些新内容。
-
2023年放弃使用SVG-in-JS：讨论了在2023年放弃使用SVG-in-JS的原因和影响。
-
什么是JSON LD？常见问题解答：介绍了JSON LD是什么以及常见问题的解答。
工具
-
实用的DevTools技巧：介绍了一些实用的DevTools技巧。
-
MDN Playground：让你的代码生动起来！：介绍了MDN Playground，一个在线调试代码的工具。
-
npm生态系统中的一个巨大漏洞：讨论了npm生态系统中的一个巨大漏洞。
性能
-
CDN如何通过减少延迟来提高性能：介绍了CDN如何通过减少延迟来提高性能。
-
通过动态“内容可见性”提高性能：介绍了如何通过动态“内容可见性”来提高性能。
效果
-
用WebGL创建凸起畸变效果：介绍了如何使用WebGL创建凸起畸变效果。
-
网站设计灵感合集#47：展示了一些具有灵感性的网站设计。
CSS
-
使用滚动驱动动画来模拟 :snapped 选择器：介绍了如何使用滚动驱动动画来模拟 :snapped 选择器。
-
使用CSS自定义属性创建高对比度设计系统：介绍了如何使用CSS自定义属性创建高对比度设计系统。
-
级联层是无用的*：讨论了级联层的问题。
-
基于position的样式：介绍了基于position的样式。
-
解决棘手的浮动图像对齐问题：介绍了如何解决浮动图像对齐问题。
-
CSS重构技巧：介绍了一些CSS重构技巧。
-
使用自定义属性超越常量：介绍了如何使用自定义属性超越常量。
-
旋转文本的CSS指南：介绍了如何旋转文本的CSS指南。
JavaScript
-
揭秘JavaScript运算符：那个符号是什么意思？：介绍了JavaScript运算符的含义。
-
CommonJS正在伤害JavaScript：讨论了CommonJS正在伤害JavaScript的问题。
-
View Transitions API入门：介绍了View Transitions API。
-
如何使用JavaScript异步生成器消耗分页API：介绍了如何使用JavaScript异步生成器消耗分页API。
-
探索Node.js v20功能：探索了Node.js v20的一些功能。
-
必知的JavaScript API——拖放API：介绍了拖放API。
React
-
使用React-Mentions构建评论表单：介绍了如何使用React-Mentions构建评论表单。
-
3种在React中实现打字动画的方法：介绍了在React中实现打字动画的3种方法。
-
使用CORS在Next.js中处理跨域请求：介绍了如何使用CORS在Next.js中处理跨域请求。
Vue
-
使用VueMacros增强代码：介绍了如何使用VueMacros增强代码。
-
实现Vue占位符加载的指南：介绍了实现Vue占位符加载的指南。
Angular
-
如何在Angular中创建一个拦截系统（例如WebSockets）：介绍了如何在Angular中创建拦截系统。
-
Angular即将推出新的模板语法：介绍了Angular即将推出的新的模板语法。
-
调试Angular中的变更检测时有用的Chrome DevTools技巧：介绍了在调试Angular中的变更检测时有用的Chrome DevTools技巧。
-
状态数据绑定：掌握Angular应用程序中的双向通信和状态管理：介绍了如何在Angular应用程序中实现双向通信和状态管理。
OK，以上便是本次分享，希望各位喜欢~ 欢迎点赞、收藏、评论 🤟 我是安东尼 🤠 人气技术博主 💥 坚持千日更文 ✍ 关注我，安东尼陪你一起度过漫长编程岁月 🌏 微信 ATAR53，拉你入群，不定期抽奖、只学习交友、不推文卖课~
注：本文借助 AIGC 辅助创作
