前端周刊发表每周前端技术相关的大事件、文章教程、一些框架的版本更新、以及代码和工具。每周定期发表,欢迎大家关注、转载。
如果外链不能访问,关注公众号前端每周看,里面有解决办法
大事件
- Astro 1.0:基于 Fast Islands 的前端框架—— 尽管它相对年轻,但 Astro 已经对广泛的用户产生了巨大的影响,并且支持几乎所有其他框架或开发工具。它基于“孤岛”,其中快速 HTML 可以代替组件,然后可以根据用户交互需求延迟加载。1.0 引入了新的图像和图片组件、MDX/Markdown 支持和 SSR 构建。
- Patterns.dev:现代 Web 应用程序设计模式——一本免费的书,您可以下载 PDF 格式或在 Web 上欣赏。了解许多基础知识,从不同风格的渲染或导入资源如何工作到性能优化和案例研究。
文章
- 编写更小的 JavaScript 代码的打高尔夫球技巧和窍门 — 编写尽可能简洁的代码通常是不可取的——这对你的同事来说并不有趣,而且你的构建过程可能会缩小你的代码!但是,如果您需要挤入尽可能少的字符并且可以容忍一些混乱......这是一个完整的想法列表和本身的学习经验!
- “我们如何以及为什么从 GOV.UK 中删除 jQuery” — 今年我们已经多次提到英国政府数字团队对 jQuery 的剔除,但现在有一个(简要)解释它是如何发生的。
- How To Use Multithreading in Node.js — 一个实用的演练,介绍 Node 如何使用线程,以及你如何以及为什么在 Web 应用程序中自己使用工作线程。
- Record and Tuple: Immutable Data Structures in JS — JSNation 2022 讨论了当前通过 TC39 推进的提案背后的动机。
框架发布
- Playwright 1.25.0 - 浏览器远程控制和运行工具包。
- Lerna 5.4 – 在一个仓库中为多个 JS 项目构建系统。
- Fastify 4.4 – 快速、低开销的 Web 框架。
- NodeBB 2.4 – 基于 Node.js 的论坛软件。
- Color.js 0.4 – 颜色转换和操作库。
- Jayson 4.0 – 用于 Node.js 的 JSON-RPC 客户端/服务器。
- vite-plugin-eslint 1.8 – Vite 的 ESLint 插件。
- Faker 7.4 – 生成大量虚假数据。
- COBE 0.6 – 5KB WebGL 地球库。(演示。)
- html-to-image 1.10 – 从 DOM 节点生成图像。
- Juice 8.1 – 将 CSS 样式表内联到您的 HTML 源代码中。
代码和工具
- Grex:一种从提供的示例生成正则表达式的方法:这个演示非常有趣。Grex 是一个基于 Rust 的 JavaScript 项目改进,通过 WebAssembly 可以再次从 JavaScript 中使用。这是一个非常巧妙的想法,虽然它并不完美,但它可以为您提供一些制作正则表达式的灵感。
- Cloudscape:AWS 的 React 组件设计系统:专为 Amazon Web Services 构建并由其使用,您可以获得66 个组件、关于设计最佳实践的自以为是的指南以及许多演示。
- Million 1.12:一种快速且小型的虚拟 DOM 实现:专注于性能和以低于 1KB 的压缩率交付,如果您希望在构建自己的框架时使用不可知的 VDOM 实现或只是降低一点级别,Million 是理想的选择。“把它想象成 React 的 API 和 Svelte 的编译器生了一个孩子。”
- React Rating:Easy Star Ratings 组件:基于 SVG。没有依赖关系。查看许多示例,看看它是否得到您的
- Size Limit 8.0: Performance Budgeting Tool for JavaScript:计算运行 JS 应用程序或库的实际“成本”,以保持对性能的关注并在出现问题时引发错误(例如,在 CI 中)。支持 ES 模块和摇树。
- svg2pdf.js:基于浏览器的 SVG 到 PDF 转换器:有一个在线游乐场可以让您了解它的功能。
- brotli-wasm: Brotli Compressor and Decompressor:通过 WebAssembly覆盖 Node和浏览器。
- Grakkit:Minecraft 的现代 JS 开发环境:通过 GraalVM 将 JS 和 Minecraft 结合在一起。