栗子前端技术周刊第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 使用。
  1. Tempo:一种处理日期的更简便方法。Tempo 最适合处理原生 Date 对象,其中有许多的实用工具集合,这是与其他提供自定义日期原语的库的重要区别。
  1. Vue Currency Input:适用于 Vue.js 的货币格式化数字输入 - 基于 Intl.NumberFormat 并位于 Vue Composition API 之上,你可以使用它来装饰任何具有货币格式化功能的输入组件。
  1. useHotkeys:键盘快捷键的 React Hook。
js 复制代码
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>
  )
}
  1. Baklava:基于 Web Component 的组件库 - 所有组件都为 Web Component 组件,因此可以轻松与现有框架集成。

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

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

相关推荐
fruge1 小时前
Vue项目中的Electron桌面应用开发实践指南
前端·vue.js·electron
漂流瓶jz7 小时前
Webpack中各种devtool配置的含义与SourceMap生成逻辑
前端·javascript·webpack
这是个栗子7 小时前
【问题解决】用pnpm创建的 Vue3项目找不到 .eslintrc.js文件 及 后续的eslint配置的解决办法
javascript·vue.js·pnpm·eslint
前端架构师-老李7 小时前
React 中 useCallback 的基本使用和原理解析
前端·react.js·前端框架
musenh7 小时前
css样式学习
css·学习·css3
木易 士心8 小时前
CSS 中 `data-status` 的使用详解
前端·css
明月与玄武8 小时前
前端缓存战争:回车与刷新按钮的终极对决!
前端·缓存·回车 vs 点击刷新
牧马少女8 小时前
css 画一个圆角渐变色边框
前端·css
zy happy8 小时前
RuoyiApp 在vuex,state存储nickname vue2
前端·javascript·小程序·uni-app·vue·ruoyi
小雨青年8 小时前
Cursor 项目实战:AI播客策划助手(二)—— 多轮交互打磨播客文案的技术实现与实践
前端·人工智能·状态模式·交互