#优质博文 #前端 #新趋势 #javascript
JavaScript 状况 2024 年结果 —— 我们最近鼓励您参加年度JavaScript 状况调查；结果现已出来。有 14,015 名参与者参加，我们可以了解人们正在使用哪些语言功能、流行库的体验、构建工具的流行程度、 AI 偏好、流行的播客、运行时使用情况，以及可能有争议的是，使用 TypeScript 的 JavaScript 开发人员比不使用 TypeScript 的人多。这里有很多东西需要挖掘。

AI 摘要：State of JavaScript 2024 调查展示了 JavaScript 生态系统的最新趋势，涵盖前端框架、工具和用户偏好等方面。今年，诸如 Vite 和 Vitest 等现代工具继续领跑，显示出开发者对更简单高效工具的需求。此外，新增的元数据部分提供了对调查参与者和结果的深入分析。

from JavaScript Weekly #717

Stateofjs

State of JavaScript 2024

The 2024 edition of the annual survey about the latest trends in the JavaScript ecosystem.

#优质博文 #javascript #前端 #教程
每个开发人员都应该知道的 33 个 JavaScript 概念 - 精选的教程链接集合，涉及 33 个值得深入理解的不同领域，包括类型、闭包、相等性、作用域和不同的引擎。

中文版

AI 摘要：“每个 JavaScript 工程师都应懂的 33 个概念”是一个 GitHub 项目，旨在帮助开发者掌握 JavaScript 的核心概念。该项目基于 @leonardomso 的英文版，提供了中文版，并附上了国内相关的文章和视频资源。目录涵盖了从调用堆栈、原始类型、闭包、Promise，到事件循环、原型链、设计模式等 33 个关键主题。每个主题下列出了详细的文章和视频链接，帮助开发者深入理解这些概念。

GitHub

GitHub - leonardomso/33-js-concepts: 📜 33 JavaScript concepts every developer should know.

📜 33 JavaScript concepts every developer should know. - leonardomso/33-js-concepts

#优质博文 #前端 #astro #auth
Add Auth to Astro 5 with Clerk in 5 Minutes

AI 摘要：这篇文章介绍了如何在 Astro 5 项目中集成 Clerk 以实现用户认证。作者首先强调了 Astro 的内容优先和“岛屿架构”特点，使网站既快速又仅在必要处添加交互性。Clerk 则提供了开箱即用的复杂认证功能，免费额度足够大多数项目使用。集成步骤包括：创建新的 Astro 项目，安装 Clerk，配置 astro.config.mjs ，设置 Clerk API 密钥，添加中间件保护路由，以及在 UI 中使用 Clerk 提供的组件，如 SignedIn 、 SignedOut 、 SignInButton 和 UserButton 。通过这些步骤，开发者可以在约五分钟内为 Astro 项目添加完整的用户认证系统。
via Trevor I. Lasn

Add Auth to Astro 5 with Clerk in 5 Minutes

The simplest setup for adding Clerk authentication to your Astro project, with minimal code

面条实验室

Photo

#碎碎念 #github
跟风晒晒
陈年老摆子了，唉，羡慕大佬们的精力充沛

#优质博文 #前端 #node #canvas
Skia Canvas 2.0: A Browserless Canvas Environment for Node

AI 摘要：skia-canvas 是一个基于 Skia 图形库开发的高性能 2D 渲染引擎，为 Node.js 提供类似 HTML5 Canvas 的 API，全面支持路径绘制、图像操作、渐变、变换等功能，并具备强大的文本排版和 SVG 渲染能力。它支持将内容导出为 PNG、JPEG、PDF 和 SVG 等格式，能够满足服务器端高分辨率图像生成、复杂图形处理和自定义 PDF 文档创建等需求，兼具易用性和优越性能，非常适合需要高质量图形和文档生成的应用场景。

via Node Weekly #558

skia-canvas.org

Skia Canvas

#优质博文 #前端 #工程化 #node
Node.js Corepack: Version Control for Package Managers

AI 摘要：Corepack 是 Node.js 内置的实验性功能，用于统一管理团队中包管理器（如 Yarn 和 pnpm）的版本。通过读取 package.json 的 packageManager 字段，Corepack 自动下载并使用指定版本，避免版本不一致引发的构建问题。它简化了包管理器的安装和版本控制，但安全更新需团队自行维护，是提升开发环境一致性的重要工具。

via Trevor I. Lasn

Node.js Corepack: Version Control for Package Managers

Manage yarn and pnpm versions consistently across your team

#优质博文 #前端 #计算机网络 #DNS
Understanding Round Robin DNS

AI 摘要：文章解析了轮询DNS（Round Robin DNS）的工作原理和实际表现。轮询DNS允许为同一子域设置多个服务器IP，实现负载分配和离线检测，无需昂贵的负载均衡器。在浏览器测试中，Chrome和Firefox随机选择服务器并保持连接，Safari和curl更倾向于选择延迟最低的服务器。Cloudflare的表现存在缺陷，无法动态检测离线服务器，可能导致连接失败。作者提出改进建议，包括优化服务器选择逻辑和检测离线状态。适合深入了解DNS负载分配机制的人士。

热评：Load balancing via DNS is entirely dependent on the behavior of caching DNS resolvers. Clients are beholden to how answers are sorted and it’s rarely fair. Even with a zero second TTL, the TTL of answers is often ignored. The situation is even worse with a TTL, as the answers are rarely re-resolved after the expiration. The JVM, for example, is notorious for defaulting to ignoring TTL entirely ruining round-robin load abounding via DNS. That’s not to say that it can’t be defective but its limitations should be well understood.
通过 DNS 实现负载平衡完全取决于缓存 DNS 解析器的行为。客户端受制于答案的排序方式，而这种排序方式很少是公平的。即使是零秒 TTL，答案的 TTL 也经常被忽略。如果使用 TTL，情况会更糟，因为答案很少会在过期后重新解析。例如，JVM 因默认完全忽略 TTL 而破坏了 DNS 的循环负载而臭名昭著。这并不是说它不可能有缺陷，但我们应该充分了解它的局限性。

via Zsolt Ero

Hyperknot

Understanding Round Robin DNS

In which I try to understand how browsers and Cloudflare choose which server to use

#优质博文 #前端 #css #reset
A Modern CSS Reset

AI 摘要：Josh W. Comeau 的文章介绍了一个现代 CSS Reset，包含 11 个声明，优化了默认样式以提升可读性和开发体验。它包括设置 box-sizing 为 border-box`，移除默认的边距，改进文本渲染和换行行为，为媒体元素提供更合理的布局，以及继承表单控件的字体。还新增了 `text-wrap 优化文本平衡和 isolation: isolate 处理堆叠上下文。作者建议开发者根据项目需求调整和扩展这个简洁的样式基础。

via Josh W Comeau

Joshwcomeau

A Modern CSS Reset • Josh W. Comeau

I have a set of baseline CSS styles that come with me from project to project. In the past, I'd use a typical CSS reset, but times have changed, and I believe I have a better set of global styles!

#碎碎念
在登机口，旁边妹子看我平板玩儿无限暖暖，跟男朋友（应该是？）语音说我要这个平板🌚
为男朋友点根蜡（ipad pro 2024）
她男朋友：天降横祸啊家人们

群友：你应该告诉他型号内存（8+512 1w 出头）别买错了🤣

#优质视频 #前端 #工程化 #eslint
ESLint 通用配置方案：化繁为简 - Anthony Fu
@前端圈:
计算机技术 - FEDAY 2024 于 12 月 7 日在厦门成功举办。

Vue、Vite 和 Nuxt 核心团队成员 Anthony Fu 给大家带来了《ESLint 通用配置方案：化繁为简》的演讲。

Bilibili

ESLint 通用配置方案：化繁为简 - Anthony Fu_哔哩哔哩_bilibili

FEDAY 2024 于 12 月 7 日在厦门成功举办。Vue、Vite 和 Nuxt 核心团队成员 Anthony Fu 给大家带来了《ESLint 通用配置方案：化繁为简》的演讲。, 视频播放量 2503、弹幕量 3、点赞数 168、投硬币枚数 81、收藏人数 133、转发人数 29, 视频作者 前端圈, 作者简介 ，相关视频：和RESTful API说拜拜，拥抱server function，拥抱leptos，拥抱全栈开发，拥抱Rust，为什么我更推荐Echo而不是gin | go语言 | echo…