关注用户体验,分享前端技术

前端周刊第二十八期

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

大事件

  • 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 元数据。

posted @ 2022-07-17 18:49  夕阳白雪  阅读(433)  评论(0编辑  收藏  举报