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

相关推荐
小白学大数据几秒前
JavaScript重定向对网络爬虫的影响及处理
开发语言·javascript·数据库·爬虫
qq_390161779 分钟前
防抖函数--应用场景及示例
前端·javascript
3345543237 分钟前
element动态表头合并表格
开发语言·javascript·ecmascript
John.liu_Test38 分钟前
js下载excel示例demo
前端·javascript·excel
Yaml41 小时前
智能化健身房管理:Spring Boot与Vue的创新解决方案
前端·spring boot·后端·mysql·vue·健身房管理
PleaSure乐事1 小时前
【React.js】AntDesignPro左侧菜单栏栏目名称不显示的解决方案
前端·javascript·react.js·前端框架·webstorm·antdesignpro
哟哟耶耶1 小时前
js-将JavaScript对象或值转换为JSON字符串 JSON.stringify(this.SelectDataListCourse)
前端·javascript·json
getaxiosluo1 小时前
react jsx基本语法,脚手架,父子传参,refs等详解
前端·vue.js·react.js·前端框架·hook·jsx
理想不理想v1 小时前
vue种ref跟reactive的区别?
前端·javascript·vue.js·webpack·前端框架·node.js·ecmascript
知孤云出岫1 小时前
web 渗透学习指南——初学者防入狱篇
前端·网络安全·渗透·web