上周前端发生哪些新鲜事儿？#350

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

网页开发

• 2024年值得关注的网页设计趋势

• 2024年高级前端开发者路线图：升级打怪5个步骤

• 保护网络：深入了解内容安全策略（CSP）

• 使用OpenAI和LangChain提取YouTube视频数据

• 苹果官方已确认：它正在取消欧盟的主屏幕Web应用

工具

• Netflix推出的SafeTest：前端测试的新方法

• 通过perf-ception实现400%更快的性能面板

• 如何使用Chrome DevTools - 更智能的网页开发的简单策略

可访问性

• ARIA note

• 生成式人工智能能帮助编写可访问代码吗？

特效

• 倒影滚动效果

• 灵感网站汇总 #56

CSS

• 如何在CSS中居中一个Div：居中的最终指南

• 使用CSS Houdini构建3D卡片翻转动画

• 滚动驱动的动画：你需要overflow: clip，而不是overflow: hidden

• 一个CSS项目样板

• 使用sin()和cos()进行本地CSS粒子动画

• 在CSS中玩转无穷

• 如何解决iOS浏览器中的不可见滚动条问题

• CSS Mixins & Functions Explainer

• 新的CSS数学：pow()、sqrt()和指数友好型

• 如何像专家一样使用CSS变量

JavaScript

• Node.js多线程简介

• JavaScript中的数据排序

• JavaScript集合中即将到来的联合、交集、差集等功能

• 探索2024年的JavaScript：来自顶级趋势的亮点

• 如何从JavaScript中删除字符串的最后一个字符

• Vue.js中的常见错误

React

• React实验室：我们在做什么 - 2024年2月

• 如何使用React和TypeScript构建组件库

• 理解React useEffect

• 2024年要构建的7个React项目

Angular

• Angular v17.2现已推出

• Angular中的强类型响应式表单

• Angular中的 signal 查询 - 我能用它们做什么？

• Angular signal 的 hack 方式

---

文末自荐一下我和机械工业出版社联合出版的 《程序员成长手记》 一书：全书分为3大模块、8个章节：从入门程序员到程序员自驱成长，回归纸质阅读，相信能给你一个更全局的程序员视野，提供成长帮助。京东搜"程序员成长手记"：item.jd.com/14356664.ht...*

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