JavaScript Intl 对象全面指南
Intl 对象是一个 JavaScript 的国际化 API,提供了精确的字符串对比、数字格式化和日期时间格式化功能。本文将全面介绍 Intl 对象的 API 功能和使用方法。
Intl 对象是一个 JavaScript 的国际化 API,提供了精确的字符串对比、数字格式化和日期时间格式化功能。本文将全面介绍 Intl 对象的 API 功能和使用方法。
POML 是微软团队开源的一款管理 prompt 的工具,下面一起来探索下使用方式。
LanguageDetector 和 Translator 是分别基于 AI 来检测和翻译 Web 文本的 API,由 W3C 的机器学习社区组(Web Machine Learning Community Group)于 2025/02/17 日发布的草案定义。该草案由 Chrome 内置 AI 团队的开发者 Domenic Denicola 提出,目前也仅在 Chrome >= 138 版本才稳定支持( Chrome 131~137 版本实验性支持)。下面就来探索下该 API 的使用。
ESLint 于 2025/08/15 日合并了一个 PR:feat: multithread linting,这个 PR 解决了一个长达十年之久的 issue,是一个非常大的优化项。下面一起来看下这个 PR 改动了什么。
在目前火热的 AI Coding 概念的背后,前端工具链生态也在蓬勃发展。目前新一代工具如Vite、Bun、 Rspack等已经不局限于只做Webpack那样的打包工具,而是围绕性能、开发体验和可扩展性构建完整的前端工具解决方案,各自形成了独特的技术路线与社区氛围。在这篇文章中,我将浅显得对比 Rspack、Vite 与 Bun 的生态布局,并在后续持续关注并更新这篇文章的内容。
距离上一篇介绍shadcn文章已过去一年之久啦😅。在这一年多的时间内,随着AI Generate Web技术的快速发展,shadcn凭借其 AI 友好的组件开发模式,生态发展得极为庞大。shadcn本身也经过了一些架构调整,新增了一些特性,比如add命令支持第三方registry以及支持build命名等。本篇在解析shadcn CLI 的基础上详细介绍一下如何加入shadcn组件生态。
Shadcn ui 是最近比较火的一个 React 组件库,官方介绍其并非组件库,因为它并非基于 npm package 的形式来维护,而是通过 nodejs 命令支持将组件源码直接复制到你的项目中。
本篇文章从使用到分析 shadcn cli 命令源码的实现,来深入了解这个组件库内部的一些原理。
TypeScript 全局类型定义或者覆盖在日常开发中经常使用,本文主要介绍几种常见的方式。
当我们说到图片懒加载、页面数据的滚动加载这些体验设计时,一般能够想到基于scroll事件,通过getBoundingClientRect方法获取元素相对于视口偏移量top,来判断元素是否可见,demo 如下
这种实现方式较为繁琐,但是现在我们有了IntersectionObserver API,可以大大简化这些通过计算元素偏移量来判断可视性的逻辑。
无损压缩目前使用最广泛的图像格式是 PNG,但是近几年也出现了许多新的压缩算法标准,以期望替代 PNG,提供更好的图像压缩效果。