栗子前端技术周刊第9期 - Oxlinx、Bun 1.0.18、VSCode 2023.11...

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

📰 技术资讯

  1. Oxlint:比 ESLint "快 50-100 倍 " 的新 JS Linter。在现阶段,oxlint 并不打算完全取代 ESLint;当 ESLint 的缓慢成为工作流程中的瓶颈时,它将起到增强作用。性能提升的主要原因是 Oxlint 是专为性能而设计的,利用 Rust 和并行处理作为关键因素。
js 复制代码
npx oxlint@latest
  1. Bun v1.0.18:Bun 是一个快速的 JavaScript 运行时,旨在提供出色的性能和开发体验。他们 2024 年的一个目标是将 JavaScript 生态中的后台运行时从 Node.js 转向 Bun。他们还将重点放在尽快提供 Windows 支持上。

  2. Visual Studio Code 2023.11 版本:最新发布的 VS Code 为 JS 开发人员提供了一些方便的增强功能,包括 V8 堆快照可视化器、将标签拖入自己的新窗口(又称 "浮动编辑器窗口")的功能以及 TypeScript 5.3。

  1. State of JS 2023 survey:现在是参与 2023 年 JavaScript 状态调查的最后一周,后续让我们一起跟踪调查结果。

📒 技术文章

  1. Vue.js Parallel Fetching improves LCP and FCP :本文重点介绍如何通过 beforeEnter 这个 Hook 并行获取 JS 文件、接口数据和图片,以此来增强 LCP 和 FCP。

  2. A Guide to React Suspense: OlegWock 写了《React Suspense 指南》。这是一篇很有见地的文章,但最令人不安的是文中提到 Suspense 是在五年前提出,时光飞逝啊。

  3. Practical Difference between Array and Set in Javascript:根据你的具体使用情况和需要经常执行的操作,在数组和集合之间做出选择。两个对象都有自己的优势。

  4. 7 个 Js async/await 高级用法:在 JS 异步编程中, async/await 可以算是一大主力,文章介绍了 7 个 Js async/await 高级用法,包括高阶函数、控制并发等等。

  5. 学会 Grid 之后,我觉得再也没有我搞不定的布局了:在 CSS 布局中,Flex 可以算是目前最热门的布局方式之一,而 Grid 总感觉是不温不火,但是 Grid 布局也许能在你的某次页面编写中发挥关键作用。

🔧 开发工具

  1. TS Docs:npm 包的在线参考文档 - 浏览任何包或库各个版本的 TypeScript 参考文档。
  1. Name Checker:检查项目名称是否被占用 - 这是一款在线工具,可检查大量不同的软件包注册表(npm、GitHub、GitLab、PyPI、Maven、RubyGems、Go 软件包、Rust crate 等),查看名称是否被其他项目使用。
  1. npm-check-extras:检查过时和未使用的依赖 - CLI 应用程序,用于检查过时和未使用的依赖,并对所选依赖进行更新/删除。
  1. React PDF :在 React 中轻松显示 PDF,就像显示图片一样。此包用于显示现有的 PDF。如果你希望使用 React 创建 PDF,你可能需要 @react-pdf/renderer

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

相关推荐
zhensherlock37 分钟前
Protocol Launcher 系列:Working Copy 文件操作与高级命令详解
javascript·git·typescript·node.js·自动化·github·js
神の愛7 小时前
左连接查询数据 left join
java·服务器·前端
小码哥_常8 小时前
解锁Android嵌入式照片选择器,让你的App体验丝滑起飞
前端
郑寿昌9 小时前
IIoT本体迁移的领域扩展机制
服务器·前端·microsoft
深海鱼在掘金9 小时前
Next.js从入门到实战保姆级教程(第十一章):错误处理与加载状态
前端·typescript·next.js
深海鱼在掘金9 小时前
Next.js从入门到实战保姆级教程(第十二章):认证鉴权与中间件
前端·typescript·next.js
energy_DT10 小时前
2026年十五五油气田智能增产装备数字孪生,CIMPro孪大师赋能“流动增产工厂”三维可视化管控
前端
龙猫里的小梅啊10 小时前
CSS(四)CSS文本属性
前端·css
MXN_小南学前端10 小时前
watch详解:与computed 对比以及 Vue2 / Vue3 区别
前端·javascript·vue.js
饭小猿人10 小时前
Flutter实现底部动画弹窗有两种方式
开发语言·前端·flutter