Now vibe coding, so learning hammer FE ?
《Color.js:认真对待颜色这件事》
标签:#前端 #Web开发 #ColorJS #CSS_Color_Level_4 #颜色空间转换 #色域映射 #DeltaE #TreeShakeable #NPM库 #开源项目 #Lea_Verou #颜色插值
总结:
由CSS颜色规范编辑者Lea_Verou和Chris_Lilley打造的专业颜色处理库,支持Lab/LCh、OKLab/OKLCh、Display_P3等海量颜色空间,完整兼容CSS_Color_Level_4。提供真正的色域映射、多种DeltaE色差算法和色度适应方法,API清晰易用且支持链式操作。模块化设计可tree-shake,零依赖,已被Sass、Open_Props、axe等知名项目采用,NPM累计下载超2.46亿次。
文章要点:
1. 出身"正规军"——两位作者正是CSS颜色规范的编辑者,对颜色科学的理解刻在DNA里,不是随便写写的玩具库
2. 颜色空间全家桶——Lab/LCh、OKLab/OKLCh、sRGB家族、Display_P3、Jzazbz、REC.2100等统统支持,转换随心所欲
3. 科学严谨不糊弄——真正的色域映射而非粗暴裁剪,多种DeltaE色差计算和色度适应算法,专业度拉满
4. API好用又灵活——面向对象+静态函数双模式,链式操作丝滑流畅,还能按需引入模块做tree-shake,包体积可控
5. 业界认可度超高——浏览器用它测试CSS_Color_4/5实现,Sass、Open_Props、axe都在用,NPM下载量突破2.46亿
6. 生态还在扩张中——除了核心库,还在孵化Color_Elements网页组件、Color_Apps工具集和Color_Palettes配色研究项目
URL:https://colorjs.io
标签:#前端 #Web开发 #ColorJS #CSS_Color_Level_4 #颜色空间转换 #色域映射 #DeltaE #TreeShakeable #NPM库 #开源项目 #Lea_Verou #颜色插值
总结:
由CSS颜色规范编辑者Lea_Verou和Chris_Lilley打造的专业颜色处理库,支持Lab/LCh、OKLab/OKLCh、Display_P3等海量颜色空间,完整兼容CSS_Color_Level_4。提供真正的色域映射、多种DeltaE色差算法和色度适应方法,API清晰易用且支持链式操作。模块化设计可tree-shake,零依赖,已被Sass、Open_Props、axe等知名项目采用,NPM累计下载超2.46亿次。
文章要点:
1. 出身"正规军"——两位作者正是CSS颜色规范的编辑者,对颜色科学的理解刻在DNA里,不是随便写写的玩具库
2. 颜色空间全家桶——Lab/LCh、OKLab/OKLCh、sRGB家族、Display_P3、Jzazbz、REC.2100等统统支持,转换随心所欲
3. 科学严谨不糊弄——真正的色域映射而非粗暴裁剪,多种DeltaE色差计算和色度适应算法,专业度拉满
4. API好用又灵活——面向对象+静态函数双模式,链式操作丝滑流畅,还能按需引入模块做tree-shake,包体积可控
5. 业界认可度超高——浏览器用它测试CSS_Color_4/5实现,Sass、Open_Props、axe都在用,NPM下载量突破2.46亿
6. 生态还在扩张中——除了核心库,还在孵化Color_Elements网页组件、Color_Apps工具集和Color_Palettes配色研究项目
URL:https://colorjs.io
《npm 上 ESM 与 CJS 的占比变迁数据》
标签:#JavaScript #NodeJS #ESM #CommonJS #npm #模块系统
总结:
该项目持续追踪 npm 高影响力(热门)包中 ESM、CJS、Dual(双模式)及 Faux(伪 ESM)的占比变化。数据显示,纯 ESM 包从 2021 年 8 月的 6% 增长至 2026 年 6 月的 16%;Dual 模式包增长最为迅猛(从 1.7% 到 22%),成为主流过渡方案;而纯 CJS 虽仍占最大份额(52%),但占比持续下降。2025 年底样本量骤增,反映 npm 生态整体扩张。
文章要点:
1. 纯 ESM 稳步增长但尚未过半**:从 2021 年 341 个包(6.1%)增至 2026 年 2590 个(16.0%),五年增长约 2.6 倍,但仍是少数派
2. **Dual 模式成为最大赢家**:从 95 个(1.7%)暴涨至 3574 个(22.0%),说明"同时支持 ESM 和 CJS"已成为库作者最务实的选择
3. **纯 CJS 仍是主流但份额萎缩**:从 77.4% 降至 51.6%,虽然绝对数量增加,但相对占比持续被侵蚀
4. "伪 ESM"(Faux)长期僵持**:表面用 ESM 语法但实际编译为 CJS 的包,占比一直维持在 10% 左右,说明彻底转型仍有阻力
5. **生态规模急剧扩张**:样本包总数从 5617 个增至 16231 个,2025 年底几乎翻倍,反映 npm 整体生态的蓬勃发展
6. **数据方法论透明**:基于
URL:
https://github.com/wooorm/npm-esm-vs-cjs#data
标签:#JavaScript #NodeJS #ESM #CommonJS #npm #模块系统
总结:
该项目持续追踪 npm 高影响力(热门)包中 ESM、CJS、Dual(双模式)及 Faux(伪 ESM)的占比变化。数据显示,纯 ESM 包从 2021 年 8 月的 6% 增长至 2026 年 6 月的 16%;Dual 模式包增长最为迅猛(从 1.7% 到 22%),成为主流过渡方案;而纯 CJS 虽仍占最大份额(52%),但占比持续下降。2025 年底样本量骤增,反映 npm 生态整体扩张。
文章要点:
1. 纯 ESM 稳步增长但尚未过半**:从 2021 年 341 个包(6.1%)增至 2026 年 2590 个(16.0%),五年增长约 2.6 倍,但仍是少数派
2. **Dual 模式成为最大赢家**:从 95 个(1.7%)暴涨至 3574 个(22.0%),说明"同时支持 ESM 和 CJS"已成为库作者最务实的选择
3. **纯 CJS 仍是主流但份额萎缩**:从 77.4% 降至 51.6%,虽然绝对数量增加,但相对占比持续被侵蚀
4. "伪 ESM"(Faux)长期僵持**:表面用 ESM 语法但实际编译为 CJS 的包,占比一直维持在 10% 左右,说明彻底转型仍有阻力
5. **生态规模急剧扩张**:样本包总数从 5617 个增至 16231 个,2025 年底几乎翻倍,反映 npm 整体生态的蓬勃发展
6. **数据方法论透明**:基于
npm-high-impact 热门包分析,爬取 package.json 的 latest 版本,约 15 分钟完成,结果以 CSV 和 SVG 可视化呈现URL:
https://github.com/wooorm/npm-esm-vs-cjs#data