栗子前端技术周刊第17期 - jQuery 4.0.0 Beta、Storybook 8 Beta、Vite 5.1...

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

📰 技术资讯

1. jQuery 4.0.0 Beta：你可能不会使用 jQuery，但它仍然无处不在，包括 WordPress。jQuery 4.0.0 Beta 版告别了 IE 10 支持，删除了大量过时的 API，并向现代世界迈进了一步（模块化迁移到了ESM）。

2. Storybook 8 Beta：广受欢迎的 UI 组件作坊的最新版本有很多改进，包括更快的启动时间、支持 React Server Components 以及支持 Vite 5 和 Lit 3。

3. Vite 5.1 ：Vite 5.1 版本发布，其中包括新的运行时 API、对 .css?url 的改进支持、提升出现循环引用时的 HMR 能力以及其他一些内容。

4. Angular 17.2：Angular 17.2 发布，实验性地支持 Material 3、Signal API、Model API 等。

📒 技术文章

1. Dealing with diverged git branches：Git 中最常见的问题之一就是本地分支和远程分支发生冲突，文章介绍如何处理冲突和相关知识点。

2. Immutable Array Updates with Array.prototype.with：使用 Array.prototype.with 进行不可变数组更新 - 如何使用这种广泛支持的新方法更新数组，而无需更改原始数组。

3. 前端如何生成临时链接？：前端基于文件上传需要有生成临时可访问链接的能力，我们可以通过 URL.createObjectURL 和 FileReader.readAsDataURL API 来实现。

4. OAuth 2.0 协议介绍【实现 GitHub 第三方登录】：OAuth（是 Open Authorization 开放授权的缩写），在全世界得到广泛应用，目前的版本是 2.0 版。本文对 OAuth 2.0 的设计思路和运行流程，做了一个简明通俗的解释。

🔧 开发工具

1. Marked.js 12.0：快速 Markdown 解析和编译 - 为提高速度而构建的底层 Markdown 编译器，可作为客户端库、服务器端库或 CLI 使用。

2. Tempo：一种处理日期的更简便方法。Tempo 最适合处理原生 Date 对象，其中有许多的实用工具集合，这是与其他提供自定义日期原语的库的重要区别。

3. Vue Currency Input：适用于 Vue.js 的货币格式化数字输入 - 基于 Intl.NumberFormat 并位于 Vue Composition API 之上，你可以使用它来装饰任何具有货币格式化功能的输入组件。

4. useHotkeys：键盘快捷键的 React Hook。

import { useHotkeys } from 'react-hotkeys-hook'

export const ExampleComponent = () => {
  const [count, setCount] = useState(0)
  useHotkeys('ctrl+k', () => setCount(count + 1), [count])

  return (
    <p>Pressed {count} times.</p>
  )
}

5. Baklava：基于 Web Component 的组件库 - 所有组件都为 Web Component 组件，因此可以轻松与现有框架集成。

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

💖 欢迎关注微信公众号：栗子周刊 💖