美味值：🌟🌟🌟🌟🌟
口味：过油肉拌面
- 食堂技术周刊仓库地址：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 联结创始人的预言：前端将来会这样
太阳底下无新鲜事，咱们都在循环里。
好了，以上就是本期的食堂周刊，观众老爷们如果感觉还不错，一键三连是对食堂老板最大的反对。
你的前端食堂，吃好每一顿饭，咱们下期见。