前端WeeklyDigest #389（2024年11月18日-24日）

网站开发

• 解决前端中的最终一致性问题（全文链接）
• 进入WebSockets
• 探索HTML5 <a>标签的Ping属性
• 如何使用HTML Canvas创建梗图生成器
• 不要忘了本地化你的图标（别忘了让你的图标适应各种文化环境）
• 使用Eleventy构建我的履历

• 工具
  • 你梦寐以求的开发工具功能现在都可以在 Polypane 中使用
  • 发布 npm 包的预版本
  • Nue：一个新的静态网站生成器，挑战 Next.js
• 可访问性
  • 并非所有图像都需要 alt 文本描述
  • 两种不同类型的“可聚焦的”UI 元素
  • 旧的 alt 文本建议
• 效果
  • 从产品到购物车：添加引导动画
  • 点击时的破碎玻璃效果（使用 WebGL）

CSS

• 用 background-clip border-area 制作创意边框
• CSS 中的旗帜趣味玩法
• CSS 的新 light-dark() 函数是 2024 年实现暗模式的最佳方式
• Tailwind CSS 与传统 CSS:
• CSS 技巧：甜甜圈范围
• 无烦恼亮/暗模式
• REM？PX？为什么不用两者兼顾？
• 如果你还没有做过 CSS 重置，你就不算真正的 CSS 开发者
• CSS 重置的矛盾
• 新 CSS 标志的轮廓版本

JavaScript（JavaScript）

• 2024 年 JavaScript 状况调查
• 发布 TypeScript 5.7 版本
• 如何在没有构建系统的情况下导入前端 JavaScript 库
• 用简单的话解释递归
• 为让 JavaScript 脱离甲骨文控制而战

• React
  • 使用 TanStack 路由器加载数据（react-query）
  • 你可能误解了上下文提供程序的使用方法！修复它的方法
  • React Scan — 扫描 React 性能问题，消除应用中的慢渲染
  • 使用 React Hook Form、Zod 和 Shadcn 轻松构建表单
  • 基于 React 的开源工具以创建数据表格
• Vue
  • Vue 3.0 高效响应性 + Pinia 存储
  • Vue 3.x 全面升级指南：深入了解 Composition API
  • Vue 双向绑定指南
• Angular
  • Angular v19 的新特性
  • Angular 19 新特性：独立组件、增强信号等！
  • 几乎完美的 tsconfig.json 选项，适用于 Angular 项目
  • Angular 19 发布：新功能及对开发工作流程的影响