Simon Logo
WritingMonthlyProjects
Simon Logo

Thanks for reading!

CC BY-NC-SA 4.0© 2019-2026 Simon Wong.

Contact

GitHubGithubXTwitterZhihu知乎WeChat微信公众号RSSRSS

Legal

隐私策略服务条款
CC BY-NC-SA 4.0© 2019-2026 Simon Wong.

On this page

On this page

CSSJavaScriptChromeBun

#18 前端与 AI 月刊

Jan 31, 2025

前端

2024 明星项目回顾

2024 年是激动人心的一年,涌现了众多令人兴奋的新版本发布:

  • JSR: 一个新包注册表 来自 Deno 团队的新包注册表,原生支持 TypeScript。
  • Deno v2: JS 运行时的一个重要里程碑,专注于大规模使用 Deno,包括与传统 JS 基础设施的互操作性、导入任何 NPM 包的能力以及稳定的标准库。Deno 也是一个包管理器,拥有自己的缓存机制,可提供闪电般的安装速度。
  • Bun v1.1 现已支持 Windows系统。
  • TanStack Start: 它最初是围绕 TanStack router 构建的模板项目,现已演变成为一个独立的服务器端框架!
  • Tauri v2 具有更好的开发体验 (DX)、全新的插件系统和移动端支持。
  • Astro 5: 用于构建内容驱动网站的 Web 框架,因其出色的开发体验而受到赞誉。它引入了一个新的内容层,以灵活且类型安全的方式从任何来源获取内容。
  • 新公司 VoidZero 致力于为 JS 生态系统提供高性能和统一的开发工具链。
  • Vite 6 具有新的环境 API,为扩展到浏览器之外开辟了新的可能性。
  • TailwindCSS 4 提供 CSS 优先配置和更好的性能。
  • React Router v7 将 Remix 的功能和改进带回了库。文档清楚地说明了项目之间的合并,其中提到了两种使用方法,即作为库或作为完整框架。

使用 Node.js 进行 10 亿行文本数据汇总挑战

首先使用最基础的代码实现这个功能,得到了一个基线时间(代码执行时间)。

然后通过:使用 bytes 处理字符串、数字转换、多线程并行等等的方式,最终提升了 30 多倍的速度,非常值得学习的性能优化思路。

使用 CSS image Sprite 制作动画

Twitter 的心形点赞按钮是通过 image Sprite 来实现的,使用 animate step 的技巧。

YJS 是一个 CRDT 的库,这里有一个教程

CRDT 是一种用来开发多人协同工具的技术。Yjs 是一个这个方便你开发此类工具的库。

AI

  • Simon Willison 总结: 2024年我们了解到的LLMs

  • 你应该了解的4种AI代理模式

  • 谷歌AI Agent 白皮书

Previous

前端与 AI 月刊

Next

前端与 AI 月刊

You Might Also Like

  • 前端与 AI 月刊Jan 31, 2025
  • 前端月刊Jun 30, 2025
  • 前端与 AI 月刊Apr 30, 2025