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

相关推荐
ZC跨境爬虫5 分钟前
跟着 MDN 学 HTML day_9:(信件语义标记)
前端·css·笔记·ui·html
前端老石人10 分钟前
HTML 字符引用完全指南
开发语言·前端·html
matlab_xiaowang26 分钟前
Redux 入门:JavaScript 可预测状态管理库
开发语言·javascript·其他·ecmascript
幼儿园技术家35 分钟前
前端如何设计权限系统(RBAC / ABAC)?
前端
摇滚侠2 小时前
外边距问题 塌陷问题 HTML CSS
css
前端摸鱼匠2 小时前
Vue 3 的v-bind合并行为:讲解v-bind与普通属性合并的规则
前端·javascript·vue.js·前端框架·ecmascript
REDcker3 小时前
浏览器端Web程序性能分析与优化实战 DevTools指标与工程清单
开发语言·前端·javascript·vue·ecmascript·php·js
W.A委员会3 小时前
CSS中的单位
css·css3·html5
donecoding4 小时前
一个 sudo 引发的血案:npm 全局包权限错乱彻底修复
前端·node.js·前端工程化
风骏时光牛马4 小时前
Raku正则匹配与数据批量处理实操案例
前端