栗子前端技术周刊第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 等,周刊内容也会不断优化改进,希望你们能够喜欢 💖

相关推荐
五号厂房10 分钟前
仿照AntDesign,实现一个自定义Tab
前端
Bob999817 分钟前
三大浏览器(Firefox、Opera、Chrome)多个Profile管理!
开发语言·javascript·eclipse·sqlite·ecmascript·hbase
Frankabcdefgh25 分钟前
前端面试 js
开发语言·javascript·原型模式
浏览器爱好者35 分钟前
如何删除Google Chrome中的所有历史记录【一键清除】
前端·chrome
埃兰德欧神36 分钟前
三分钟让你的H5变身‘伪原生’,揭秘H5秒变应用的魔法配置
javascript·html·产品
米开朗基杨37 分钟前
Cursor 最强竞争对手来了,专治复杂大项目,免费一个月
前端·后端
Lonwayne38 分钟前
Web服务器技术选型指南:主流方案、核心对比与策略选择
运维·服务器·前端·程序那些事
学习机器不会机器学习1 小时前
深入浅出JavaScript常见设计模式:从原理到实战(1)
开发语言·javascript·设计模式
hax1 小时前
deepseek-R1 理解代码能力一例
javascript·deepseek
brzhang1 小时前
效率神器!TmuxAI:一款无痕融入终端的AI助手,让我的开发体验翻倍提升
前端·后端·算法