栗子前端技术周刊第 110 期 - shadcn/create、Github 更新 npm 令牌政策、Deno 2.6...

🌰栗子前端技术周刊第 110 期 (2025.12.08 - 2025.12.14):浏览前端一周最新消息,学习国内外优秀文章视频,让我们保持对前端的好奇心。

📰 技术资讯

  1. shadcn/create :shadcn 正式推出 shadcn/create 工具,你可以自选组件库、图标、基础色调、字体等配置,打造专属的 shadcn/ui 组件库,轻松实现"拒绝千篇一律,打造独特风格"的目标。

  2. Github 更新 npm 令牌政策:GitHub 公布 npm 令牌政策更新,本周所有 npm 传统令牌均已被吊销,开发者现在可通过新流程获取有效期两小时的会话令牌,或是权限更精细的访问令牌。

  3. Deno 2.6 :Deno 2.6 正式发布 ,新增一款类 npx 工具 dx,可直接运行来自 npm 和 JSR 包的二进制文件;内置 deno audit 工具,用于识别依赖项中的安全漏洞;强化运行时权限的细粒度控制;同时实现了源码阶段导入功能,此外还有多项优化。

  4. Node.js v24.12.0:Node.js v24.12.0 长期支持版发布,这是首个将类型剥离功能标记为稳定版的 Node 长期支持版本。

  5. Bun v1.3.4 :Bun v1.3.4 版本发布,现已支持 URLPattern API,测试运行器新增可伪造 / 可控计时器功能,console.log 方法也实现了和 Node.js 一致的 %j 格式说明符支持。

📒 技术文章

  1. How fast can browsers process base64 data?:浏览器处理 Base64 数据的速度有多快?------ 在当下主流硬件配置下,多数浏览器的处理速度可达每秒千兆字节级别。不过 Firefox 浏览器是个例外,相关性能优化正在推进中,Servo 引擎的表现也未达到这一水平。

  2. 从 nvm 到 fnm:一个前端老兵的版本管理工具迁移实录:本文是一位前端开发者从 nvm 迁移到 fnm 的实录。作者因 nvm 存在 Shell 启动慢、版本切换不智能等问题转而使用 fnm。实测显示 fnm 在性能上大幅提升,在多场景下优势明显,文中同时给出完整迁移指南。

  3. 为什么永远不要相信前端输入?绕过前端验证,只需一个 cURL 命令!:前端验证无法防攻击,因 HTTP 协议开放性和用户对前端代码的控制权。文章以实际案例揭示前端验证不可靠,强调后端验证的重要性。

🔧 开发工具

  1. React Grid Layout 2.0:这是一套响应式网格布局方案,功能对标 Packery 与 Gridster 这类工具,专门解决 CSS Grid 无法覆盖的业务场景需求。
  1. Browser Score:浏览器能力评分工具,一键检测你的浏览器对 Web 平台特性的支持度。这款工具前身为 CSS3 测试工具,内置多项实用筛选功能。你可以只查看 CSS 属性或选择器相关的测试项,还能自主选择是否纳入实验性、稳定版或遗留版特性。
  1. Sonda:一款通用的打包文件可视化分析工具。这款工具可兼容市面上多款主流打包器与框架,能通过分析源码映射文件,生成精准且支持交互的 HTML 格式分析报告。

🚀🚀🚀 以上资讯文章选自常见周刊,如 JavaScript Weekly 等,周刊内容也会不断优化改进,希望你们能够喜欢。

💖 欢迎关注微信公众号:栗子前端

相关推荐
nvd112 小时前
GKE web 应用实现 Auth0 + GitHub OAuth 2.0登录实施指南
前端·github
前端小端长2 小时前
项目里满是if-else?用这5招优化if-else让你的代码清爽到飞起
开发语言·前端·javascript
笨小孩7872 小时前
Flutter跨平台开发全解析:从原理到实战的深度指南
javascript·react native·react.js
胡萝卜3.02 小时前
现代C++特性深度探索:模板扩展、类增强、STL更新与Lambda表达式
服务器·开发语言·前端·c++·人工智能·lambda·移动构造和移动赋值
AI_56782 小时前
Vue3组件通信的实战指南
前端·javascript·vue.js
烤麻辣烫2 小时前
黑马大事件学习-16 (前端主页面)
前端·css·vue.js·学习
Dragon Wu2 小时前
TanStack Query(React Query) 使用总结
前端·react.js·前端框架·react
鹏多多2 小时前
flutter-使用EventBus实现组件间数据通信
android·前端·flutter
UpgradeLink2 小时前
Electron项目使用electron-updater与UpgradeLink接入参考
开发语言·前端·javascript·笔记·electron·用户运营