🌰栗子前端技术周刊第 7 期 (2023.11.27- 2023.12.3):浏览前端一周最新消息,学习国内外优秀文章视频,让我们保持对前端的好奇心。
📰 技术资讯
- Deno Cron 功能:Deno 推出了一种创建定时任务的简便方法 - Deno Cron。与 UNIX/Linux 上的 cron 不同,Deno Cron 的执行不会重叠。这意味着如果你安排每 10 分钟运行一次的任务,但任务需要 30 分钟才能完成,Deno Cron 会自动跳过下一个预定的运行,直到任务完成。
js
Deno.cron("hello", "*/10 * * * *", () => {
console.log("这将每 10 分钟运行一次");
});
-
Astro 4.0 Beta 发布:Astro 是一款集多功能于一体的 Web 框架,旨在构建快速且以内容为中心的网站,与 Next.JS、SvelteKit、Nuxt、Remix 等服务端渲染框架相似。Astro 4.0 测试版可与 Vite 5 兼容,此外,在后续的 Astro 4 正式版中,一些新功能将从实验状态移出,并将其标记为稳定状态。
-
滴滴 App 奔溃:从 2023 年 11 月 27 日晚上 10 点左右截止 2023 年 11 月 28 日中午 12 点期间,滴滴发生了长达 12 小时的 p0 级 bug,事故的起因是底层系统软件发生故障。
📒 技术文章
-
浏览器跨 Tab 窗口通信原理及应用实践:文章开头先用几个酷炫的例子引起你的注意,随后介绍了三个纯前端的实现方案(Broadcast Channel、SharedWorker API、localStorage/sessionStorage)和一些使用场景。
-
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 */
}
- How to Create a Component Library Supporting ESM and CommonJS:如何使用 Rollup、TypeScript 和 Storybook 创建 React 组件 ESM + CJS 库
🔧 开发工具
- Knip:查找项目中未使用的文件、依赖项和导出项,并将其剪切/删除。
- Syntax.js: 代码语法高亮库,在这一领域有许多长期存在的选择,如 Prism 和 highlight.js,但看到一个新的轻量级选择还是很有趣的。
- Vectorizer.ai:使用 AI 将 JPEG 和 PNG 图像转换为 SVG,该网站在测试阶段是免费的。
🚀🚀🚀 以上资讯文章选自常见周刊,如 JavaScript Weekly 等,周刊内容也会不断优化改进,希望你们能够喜欢 💖