前端 / 前端周报 / 技术 · 2023年4月11日 0

前端黑板报 – 周报第 11 期

🔥 本周最热

Croner:用于 JavaScript 和 TypeScript 的 Cron — 使用经典的 cron 语法根据您选择的时间表触发功能。跨时区在 Node、Deno、Bun 和浏览器中工作,提供错误处理和超限保护等。 JSFiddle 上有一个有趣的现场演示。

https://github.com/hexagon/croner

JSON vs XML with Douglas Crockford — 2008 年广受欢迎的 JavaScript 的作者:好的部分在播客中分享了 JSON 的故事、他对 JavaScript 的“好部分”的发现,以及他构建软件的一般方法,包括他不喜欢的地方JavaScript“框架”。如果您不热衷于聆听,可以使用成绩单。 (50 分钟。)

https://corecursive.com/json-vs-xml-douglas-crockford/

超过 100 种算法和数据结构在 JS 中演示——许多常见算法(例如位操作、帕斯卡三角、汉明距离)和数据结构(例如链表、尝试、图)的示例以及解释。

https://github.com/trekhleb/javascript-algorithms

📝 文章&教程

使一个大而慢的 Vue/Alpine 页面“快得惊人”——作者正在为“反应式交换机”计费的模式的一个实际例子。 “我将在本文中使用 Vue/Alpine 术语,但我认为这种模式适用于许多不同的工具。”

https://calebporzio.com/reactive-switchboard

观看 Dan Abramov 探索 React Server 组件 — 四个小时的史诗般的(虽然时间戳很好),这不是一个快速的观看,但 Dan 和 Ben Holmes 浏览了所有面向 React Server 组件的内容,包括图表、代码和真实的-世界应用程序。

https://www.youtube.com/watch?v=Fctw7WjmxpU

Getting PWAs in App Stores with PWABuilder — Thomas Steiner 演示了 PWABuilder 如何使向 Google、Apple 和 Microsoft 提供的应用程序商店提交渐进式 Web 应用程序 (PWA) 成为可能。

https://web.dev/pwas-in-app-stores/

什么是源地图? — 了解源映射如何帮助您调试原始代码而不是构建过程后实际部署的代码。

https://developer.chrome.com/en/blog/devtools-tips-23/

⚒️ 代码&工具

重新启动用于导入地图包管理的 JSPM CLI——几年前,当 JS 有许多相互竞争的模块格式时,JSPM 是 SystemJS 之上的一个有用的包管理器,但现在它被重新启动为一个导入地图包管理工具。

https://jspm.org/jspm-cli

Chrome 扩展 CLI 1.4:用于构建 Chrome 扩展的 CLI — 想要尽快为 Chrome 构建扩展吗?这个基于 Node 的工具旨在让您尽快走上正确的道路。 v1.4 添加了一个脚本来生成扩展的 ZIP 文件(在 Microsoft UK 也称为“邮政编码文件”?😆)。

https://github.com/dutiyesh/chrome-extension-cli

React Chrono 2:一个灵活的时间轴组件——对一个流行组件的彻底改造。您可以在垂直、水平或垂直交替方向上呈现主题化时间线。它包括键盘导航支持、自动前进,以及从 v2 开始支持嵌套时间轴。

https://github.com/prabhuignoto/react-chrono

Jampack:一种用于优化静态网站的后处理工具——类似于捆绑器或构建工具,具有图像优化、资产压缩和一些代码自动修复等功能——所有这些都构成了强大的 Core Web Vitals 分数。

https://github.com/divriots/jampack

imask.js 6.5.0:Vanilla JavaScript 输入掩码——防止用户输入无效值。如果需要,有适用于 Vue、Angular、React、Svelte 和 Solid 的插件。

https://imask.js.org/

🚀 版本发布

tween.js 19.0
↳ 用于简单动画的 JS 补间引擎。

Swiper 9.2
↳ 现代移动友好型触摸滑块。

gridstack.js 7.3
↳ 仪表板布局和创建框架。

ReacType 15.0
↳ 可以导出 React 应用程序的可视化原型制作工具。

xstyled 3.8
↳ 用于 React 的实用程序优先的 CSS-in-JS 框架。

Spacetime 7.4.2
↳ 轻量级时区库。