美味值：

口味：过油肉拌面

  • 食堂技术周刊仓库地址：https://github.com/Geekhyt/weekly

PC 端在仓库里看体验更好，棘手赏个 Star 是对食堂最大的反对。

本期摘要

  • Expanding Privacy Sandbox testing
  • 为 npm 引入更多平安加强性能
  • Lotion
  • Awesome Bun
  • 像小说一样品读 Linux 0.11 外围代码
  • HypeScript
  • Roll your own JavaScript runtime
  • 跟着我，从 0 实现 React18
  • 构建本人的 Web 框架

大家好，我是童欧巴。欢送来到本期的前端食堂技术周刊，咱们先来看下上周的技术资讯。

技术资讯

1.Expanding Privacy Sandbox testing

Chrome 团队近期分享了他们的隐衷爱护打算和时间表，以及逐渐淘汰第三方 cookie 的门路。预计在 2023 年开始交付 API 以实现广泛的可用性，于 2024 年下半年开始逐渐淘汰 Chrome 中的第三方 cookie，博文次要包含如下内容：

  • 更新 cookie 行为、独立分区存储(CHIPS)。 First-Party Sets 第一方集(容许由同一实体领有和经营的相干域名申明属于同一个第一方)
  • 减弱 User-Agent，缩小 UA 中可用于被动指纹识别的信息
  • Storage 分区，蕴含 IndexedDB、localStorage、communication API(BroadcastChannel、SharedWorker)、ServiceWorker

2.为 npm 引入更多平安加强性能

近期 npm 推出了一些新的平安加强性能：

  • 应用 npm CLI 简化登录和公布体验
  • 将 GitHub 和 Twitter 帐户连贯到 npm 的能力
  • npm 上的所有包都已从新签名，增加一个新的 npm CLI 命令来审核包的完整性

上面咱们来看技术材料。

技术材料

1.Lotion：应用 Vue 3 构建的开源 Notion UI

目前反对的 Features：

  • 基于块的编辑器
  • 拖拽重新排列区块
  • 根本的 Markdown 解析，包含粗体、斜体、题目和分隔符
  • 输出'/'以取得命令菜单和快捷方式

技术栈：

  • 拖放组件 vue-draggable-next
  • 编辑器 tiptap 和 ProseMirror
  • 图标 oh-vue-icons
  • Vue3 + Vite3 + TailwindCSS + TypeScript

2.Awesome Bun

包子的 Awesome 仓库，让包子飞一会儿。

3.像小说一样品读 Linux 0.11 外围代码

一个不会写小说的作家不是一个好的程序员。

4.用 TS 的类型零碎实现一个 TS 类型零碎

TypeScript 类型零碎的简化实现，而且是本人实现本人。

应用形式如下图所示，将 TypeScript 代码作为字符串传递给 TypeCheck 泛型，会返回可能的类型谬误。

5.Roll your own JavaScript runtime

Deno 官网公布，跟着这篇文章，你能够创立一个自定义的 JavaScript 运行时(简化的 Deno)。并实现执行本地 JS 文件、读写文件、删除文件以及简化的 console API 等性能。相比 Node.js 的定制开发，Deno 的定制门槛很低了。

次要用到了：

  • deno_core：形象出了与 V8 JavaScript 引擎的交互
  • tokio：异步 Rust 运行时，用作事件循环

6.跟着我，从 0 实现 React18

实现一个 mini-xxx 曾经不够卷了，卡颂宝贝的 Big-React 才够卷。

  • 极简实现的同时保障性能齐备，规范是跑通官网测试用例。
  • 同时贴心的按 Git Tag 划分迭代步骤，记录从 0 实现的每个性能。

目前曾经实现了 7 个版本，值得喜爱钻研 React 源码的同学追更。

7.构建本人的 Web 框架

这篇文章解释了如何构建基于 React 的繁难 Web 框架，并应用 Vercel 的 Build Output API 进行部署。

Build Output API 是一个基于文件系统的标准，用于生成 Vercel 部署的目录构造。框架作者能够将此目录构造实现为他们构建命令的输入，以便框架能够利用所有 Vercel 的平台性能(Serverless Functions，Edge Functions，路由，缓存等)，Astro曾经胜利与 Vercel 集成。

其余信息

  • Nx v14.5
  • Blueboat：All-in-one serverless JavaScript runtime
  • Zustand v4
  • VueUse v9
  • esbuild v0.14.51
  • Node v18.7.0
  • RedwoodJS vs. BlitzJS：全栈元框架的将来

好文举荐

上面来看一下好文举荐，本周举荐的好文是：

1.ToB 前端构建效率优化之路

冷启动工夫从 4min 到 2s。

2.来自 NPM 联结创始人的预言：前端将来会这样

太阳底下无新鲜事，咱们都在循环里。

好了，以上就是本期的食堂周刊，观众老爷们如果感觉还不错，一键三连是对食堂老板最大的反对。

你的前端食堂，吃好每一顿饭，咱们下期见。