前端周报 #387（2024年11月4日 - 11月10日）

Web开发

• 一些不常见的HTML元素及其在代码中的使用方法
• 前端调试第一部分：不仅仅是控制台日志
• 为什么仅仅优化Lighthouse得分并不足以让网站变得更快
• 掌握交互到下一次绘制 (INP)
• Vercel 对 Next.js 进行更改以简化自托管
• 如何使用无限滚动创建有机文本变形效果

CSS

• 命名滚动查看时间线
• CSS @property 性能测试
• 容器查询入门
• stretch 关键字：是否比 width: 100% 更好的 CSS 替代方案？
• 切换内容的不同（现代）方式
• 2024 年可以实际使用的 CSS 新特性
• 使用 CSS 定位和视差效果弹出评论
• 流体布局
• BRiCSS — 简单且可定制的低级 CSS 库生成工具
• 使用 CSS mask 创建折叠矩形
• WebKit 字体平滑处理

JavaScript (JavaScript)

• JavaScript 的 ??= 操作符：简化默认值设置
• 介绍你的新 JavaScript 包管理器：Deno
• 为什么 Alpine 成为了新的 jQuery，以及为什么这是一个很棒的事情
• 每个开发者都应该知道的 10 个 JavaScript SEO 技巧
• ResizeObserver API 教程及示例
• es-toolkit，一个 Lodash 替代品
• 2024 年 TypeScript 的 20 个技巧，帮助你写出更整洁、高效的代码

• React
  • 使用 React 构建微前端应用
  • 如何在 React 中避免在服务器操作后重置表单
  • 如何使用 React 和 AI 代理来创建 AI 驱动的新闻聚合器
• Vue
  • 使用 Laravel Reverb 和 Vue 构建实时聊天应用
  • Vue 3 中的 defineExpose 和 <style vars> 用于组件间交互和主题设置
• Angular
  • 破解 Angular DI：注入器的隐藏层