栗子前端技术周刊第 62 期 - Nuxt v3.15、GitLab SaaS 停止国内服务...

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

📰 技术资讯

Nuxt 3.15：Nuxt v3.15 版本包括 Vite 6 集成、Chromium DevTools 支持的优化提升、callOnce 支持仅在每次导航变化时触发一次、更好的 HMR 等等。
GitLab SaaS 停止国内服务：从 2025 年 2 月 18 日起， Gitlab 将停止为中国大陆、澳门和香港的用户提供账号服务，并推荐使用国内的极狐 GitLab，不过大多数中国用户其实并不依赖 Gitlab Sass 服务，而是私有化部署 GitLab 居多。

📒 技术文章

React 19: The Features You Need to Know!：React 19 中你需要了解的新特性 - 文章介绍了用于简化异步操作的 Actions，用于优化状态管理的新 Hook（如 useOptimistic、useActionState 和 useFormStatus），增强的 Context API 等等。
别只知道 KFC，你还应该知道 BFC，FFC，GFC 和 IFC：本文主要介绍了前端开发中的 BFC、FFC、GFC 和 IFC 这几种 CSS 上下文，了解它们有助于更好地实现各种页面布局。
你应该了解的 hooks 式接口编程 - useSWR：本文介绍了 React 的 hooks 式接口编程 useSWR，包括其含义、使用方式、核心特性（全局缓存机制、请求状态区分、联动请求与手动触发、性能优化）等等。

🔧 开发工具

PDFSlick：PDFSlick 可用于查看 PDF, 并支持与 PDF 文档交互。你可以在 React、SolidJS、Svelte 和原生 JS 应用中使用，PDFSlice 的底层是基于 Mozilla 的 PDF.js，并集成了 Zustand。

Dexie.js：轻量级的 IndexedDB 库。

<!DOCTYPE html>
<html>
  <head>
    <script src="https://unpkg.com/dexie/dist/dexie.js"></script>
    <script>
      // 声明数据库
      const db = new Dexie('FriendDatabase');
      db.version(1).stores({
        friends: '++id, age'
      });

      // 使用数据库
      db.friends.add({ name: 'Alice', age: 21 }).then(() => {
        return db.friends
          .where('age')
          .below(30)
          .toArray();
      }).then(youngFriends => {
        alert (`My young friends: ${JSON.stringify(youngFriends)}`);
      }).catch (e => {
        alert(`Oops: ${e}`);
      });

    </script>
  </head>
</html>

bolt.new：StackBlitz 推出的创新工具，它是一个基于浏览器的 AI 开发工具，为开发者、项目经理或设计师提供了在浏览器中构建、运行、编辑和部署全栈应用程序的能力。

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

💖 欢迎关注微信公众号：栗子前端