likes
comments
collection
share

前端周刊第二十八期

作者站长头像
站长
· 阅读数 274

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

大事件

  • Vite 3.0 发布—— 关注了很多JavaScript 社区和开发人员， Vite是一个与 Vue.js 同源的前端开发和构建工具，似乎受到了一致的高度评价，并被 Nuxt、SvelteKit 等各种项目使用，Astro，甚至是 PHP 的 Laravel。有关的：

    1. 为什么 Replit 从 webpack 切换到 Vite。
    2. ▶ ️ Fireship 100 秒解说 Vite 。
    3. ▶️ Evan 本人对 Vite 的 13 分钟介绍。
    4. Ladle - Vite 支持的 React 组件开发工具和 Storybook 替代品。
    5. Fastify DX – 基于 Fastify 和 Vite 的正在进行中的全栈框架。
  • Node-RED 3.0 发布——Node-RED是一种流行的基于 Node.js 的低代码/无代码编程环境，在物联网领域大量使用（尽管不是唯一的）。v3.0 需要 Node 14+ 并包含许多 UI/DX 增强功能。如果视觉上将逻辑组件连接在一起的想法对您有吸引力，那么值得一试。

文章

  1. 语句与表达式 — 如果你被要求描述JavaScript 中语句和表达式之间的区别，你会有一个好的答案吗？如果您不完全确定，这是对所涉及内容的一个很好的复习。
  2. 测试 Bun 的速度和与 Node.js 的兼容性 — David 决定让Bun测试一下，看看它在现实世界的应用程序与 Node.js 之间的表现如何。毫不奇怪，对于具有现实世界压力（文件系统、网络等）的应用程序而言，性能差异很小，但它的无缝运行给他留下了深刻的印象。
  3. 在 React 中应用 SOLID 原则 — 所谓的SOLID面向对象设计原则已经经受住了时间的考验——它们由 Robert Martin 在 2000 年首次引入。尽管此后发生了很大变化，但它们仍然有效并且在应用于 React 时可能很有价值应用。
  4. Getting Started with Vue Composables — 当您想要提取有状态功能以跨组件重用时。
  5. An Introduction to Functional Programming in JS — 对“编程范式的大胡子时髦人士”的轻松但有用的介绍。非常适合初学者。
  6. “我在 Excel 中制作了一个角色扮演游戏” — 我们已经提到了这个人过去在创建使用 PowerPoint和Word的 JavaScript 游戏方面的实验——他回来了，现在使用电子表格作为画布。

框架发布

  1. Ember 4.5 – 高效、久经考验的框架。
  2. Preact 10.10 – 快速 3KB React 替代方案。
  3. pkg 5.8 – 将 Node 应用程序打包成可执行文件。
  4. React Big Calendar 1.4 - 谷歌日历式组件。
  5. AdminJS 6.0 – Node.js 管理面板系统。
  6. Commander.js 9.4 – Node.js CLI 应用程序库。
  7. eruda 2.5 – 移动浏览器的 Web 控制台。
  8. Tedious 15.0 – 用于连接 SQL Server 的 TDS 模块。
  9. mux.js 6.2 – 检查视频容器格式的实用程序。

代码和工具

  1. 添加到日历按钮：添加一种让用户“添加到日历”的快捷方式： 该按钮已预先设置样式，并下拉显示各种日历的选项 - Apple、GCal、iCal、Microsoft 365、Outlook..
  2. Luxon 3.0：用于处理日期和时间的库：如果你熟悉 Moment.js 之类的东西，它就是这样，但它具有不可变对象、1 索引月份、支持Intl本地化（因此不需要语言环境或时区文件！）和更多的。
  3. NestJS v9 发布：Nest是一个基于 TypeScript 的服务器端框架，当你需要一个比直接 Express 更充实和完整的平台来工作（或获得支持）时，比如说。v9 引入了方便的 REPL、可配置的模块构建器、持久提供程序等。
  4. 链接预览 JS：获取有关目标页面的信息：使用 Facebook 和 Twitter 等人在显示链接预览时使用的 OpenGraph 元数据。