前端周刊第二十九期

前端周刊发表每周前端技术相关的大事件、文章教程、一些框架的版本更新、以及代码和工具。每周定期发表，欢迎大家关注、转载。
如果外链不能访问，关注公众号「前端每周看」，里面有解决办法

大事件

• RedwoodJS vs. Blitz.js：全栈元框架的未来—— 对这两个框架进行了相当长的回顾。Redwood 是一个固执己见的基于 React 的框架，主要围绕 GraphQL 服务器作为应用程序核心的“一个 API”的想法。另一方面，Blitz 是 Next.js 之上的受 Ruby on Rails 启发的层，具有 SPA、服务器端渲染和静态站点生成功能。

• 开发人员面临的 10 个常见 JavaScript 问题——如果你已经使用 JavaScript 多年（可能是从 2014 年首次撰写这篇新更新的文章以来），那么这些是你（可能）已经知道如何解决的坑，但是还有很多否则在这里咀嚼。

• 将大型 JavaScript SDK 包的大小减少 29%——在对他们的 JavaScript 包的大小进行了一些评论之后，Sentry（应用程序监控服务）的开发人员开始努力争取最初减少 30%。事实证明，treeshaking效果最大。

• Payload 1.0：基于节点构建的无头 CMS 平台——一个令人兴奋的项目，于 2021 年初出现，并在几个月前成为开源项目。如果您需要一个无头 CMS，包括可定制的基于 React 的管理系统、GraphQL或REST API、灵活的身份验证和文件上传系统，并且它很容易上手，那么Payload有很多优点。

文章

1. 关于 JavaScript 中整数数学的思考 — 这里没有具体的例子，但如果你需要快速整数数学，你可以做的比建立在 James 的思想上更糟糕（他希望写一个更完整的后续文章）。

2. JavaScript 混淆技术示例 — 我认为围绕这篇文章的Hacker News 讨论可能更有趣。

3. JavaScript AST Manipulation with Babel: The First Steps — 来自与混淆项目（上图）相同的作者，介绍了使用 Babel 将混淆代码转换为语法树，然后再转换为更具可读性的 JavaScript 的基础知识。

4. 80 分钟介绍 SvelteKit — Svelte是一种越来越流行的构建反应式前端应用程序的方式，Svelte Kit提供了一个框架和更完整的 Svelte 开发体验。

5. Blazingly Fast 'React' with Fresh — 最受欢迎的 React YouTube 用户之一前往 Deno-side 查看Fresh ，这是一个新的基于岛屿的 Web 框架，它本身不使用 React ，但......足够接近，使用 Preact和用于渲染和模板的 JSX。

框架发布

1. NeutralinoJS 4.7.0 – 带有 JS 和 HTML 的轻量级跨平台应用程序。
2. npm-check 6.0 – 检查过时或未使用的依赖项。
3. Fastify 4.3 – 快速的 Node.js Web 框架。
4. ESLint 8.20
5. Angular 14.1
6. Vue 2.7.8
7. PrimeNG 14 – 80 多个 Angular UI 组件套件。
8. Acorn 8.8 – 用纯 JS 编写的微型 JS 解析器。
9. Discord.ts 10.0 – 创建 Discord 聊天机器人的框架。
10. Prisma 4.1 – 适用于 Node.js 和 TypeScript 的流行 ORM。
11. MelonJS 13.0 – 基于 2D sprite 的 JS 游戏引擎。
12. Secure Electron Template 20.0 – 一个电子样板应用程序。
13. zip.js 2.6.2 – 在浏览器或 Deno 中压缩和解压缩文件。
14. Octokit.js 2.0.4 – 用于浏览器、Node 和 Deno 的 GitHub SDK。

代码和工具

1. Tweakpane 3.1：用于调整参数和查看值更改的紧凑 UI 元素： 这是您在创意编码演示中经常看到的那种东西您可以创建自己的基本 UI 控件迷你窗格，以动态调整（或仅反映）与页面上正在发生的事情相关的值。它很简单而且看起来很棒，如果你想要一个演示，那么……

2. Fireworks.js 2.0：从字面上看是为您的网页设计的 Fireworks：嗯，至少在视觉上是这样的 ;-) 主页是一个简洁的演示，因为您可以动态地使用库的所有参数。

3. https://superstate.dev/：甚至如此微型，以至于入门教程都需要 30 秒才能阅读。

4. TanStack Table v8: Headless UI for Building Tables and Datagrids：想要管理表格或数据网格元素的繁重工作，但想要保持对标记和样式的 100% 控制？这就是您所需要的（如果“无头 UI”的想法对您来说是新的，请阅读此介绍）。Vanilla JS、React、Vue、Solid 和 Svelte 开发人员都得到了照顾。

5. Atropos：创建触摸友好的 3D 视差悬停效果：与普通 JS、React 或 Vue 一起使用，并且无需依赖即可轻松配置。主页包含一些非常引人注目的示例，这些示例并不像您所期望的那么重要。