栗子前端技术周刊第7期 - Deno Cron、Astro 4.0 Beta、滴滴 App 奔溃...

🌰栗子前端技术周刊第 7 期 (2023.11.27- 2023.12.3):浏览前端一周最新消息,学习国内外优秀文章视频,让我们保持对前端的好奇心。

📰 技术资讯

  1. Deno Cron 功能:Deno 推出了一种创建定时任务的简便方法 - Deno Cron。与 UNIX/Linux 上的 cron 不同,Deno Cron 的执行不会重叠。这意味着如果你安排每 10 分钟运行一次的任务,但任务需要 30 分钟才能完成,Deno Cron 会自动跳过下一个预定的运行,直到任务完成。
js 复制代码
Deno.cron("hello", "*/10 * * * *", () => {
  console.log("这将每 10 分钟运行一次");
});
  1. Astro 4.0 Beta 发布:Astro 是一款集多功能于一体的 Web 框架,旨在构建快速且以内容为中心的网站,与 Next.JS、SvelteKit、Nuxt、Remix 等服务端渲染框架相似。Astro 4.0 测试版可与 Vite 5 兼容,此外,在后续的 Astro 4 正式版中,一些新功能将从实验状态移出,并将其标记为稳定状态。

  2. 滴滴 App 奔溃:从 2023 年 11 月 27 日晚上 10 点左右截止 2023 年 11 月 28 日中午 12 点期间,滴滴发生了长达 12 小时的 p0 级 bug,事故的起因是底层系统软件发生故障。

📒 技术文章

  1. 浏览器跨 Tab 窗口通信原理及应用实践:文章开头先用几个酷炫的例子引起你的注意,随后介绍了三个纯前端的实现方案(Broadcast Channel、SharedWorker API、localStorage/sessionStorage)和一些使用场景。

  2. A Few Ways CSS is Easier to Write in 2023:我们正经历着 CSS 的复兴,新功能、新技术和新理念层出不穷。作者分享了这种突飞猛进的发展速度如何让人应接不暇,但实际上,这些变化让 CSS 更 "容易 "编写。

css 复制代码
/* Tradition */
a:hover,
a:focus {
  /* Styles */
}

/* More readable */
a:is(:hover, :focus) {
  /* Styles */
}
  1. How to Create a Component Library Supporting ESM and CommonJS:如何使用 Rollup、TypeScript 和 Storybook 创建 React 组件 ESM + CJS 库

🔧 开发工具

  1. Knip:查找项目中未使用的文件、依赖项和导出项,并将其剪切/删除。
  1. Syntax.js: 代码语法高亮库,在这一领域有许多长期存在的选择,如 Prism 和 highlight.js,但看到一个新的轻量级选择还是很有趣的。
  1. Vectorizer.ai:使用 AI 将 JPEG 和 PNG 图像转换为 SVG,该网站在测试阶段是免费的。

🚀🚀🚀 以上资讯文章选自常见周刊,如 JavaScript Weekly 等,周刊内容也会不断优化改进,希望你们能够喜欢 💖

相关推荐
腾讯TNTWeb前端团队6 小时前
helux v5 发布了,像pinia一样优雅地管理你的react状态吧
前端·javascript·react.js
范文杰9 小时前
AI 时代如何更高效开发前端组件?21st.dev 给了一种答案
前端·ai编程
拉不动的猪9 小时前
刷刷题50(常见的js数据通信与渲染问题)
前端·javascript·面试
拉不动的猪9 小时前
JS多线程Webworks中的几种实战场景演示
前端·javascript·面试
FreeCultureBoy10 小时前
macOS 命令行 原生挂载 webdav 方法
前端
uhakadotcom11 小时前
Astro 框架:快速构建内容驱动型网站的利器
前端·javascript·面试
uhakadotcom11 小时前
了解Nest.js和Next.js:如何选择合适的框架
前端·javascript·面试
uhakadotcom11 小时前
React与Next.js:基础知识及应用场景
前端·面试·github
uhakadotcom11 小时前
Remix 框架:性能与易用性的完美结合
前端·javascript·面试
uhakadotcom11 小时前
Node.js 包管理器:npm vs pnpm
前端·javascript·面试