关于chrome:前端食堂技术周刊第-46-期Chrome-三方-cookie-计划npm-引入更多安全增强功能Awesome-Bun

6次阅读

共计 1990 个字符,预计需要花费 5 分钟才能阅读完成。

美味值:🌟🌟🌟🌟🌟

口味:过油肉拌面

  • 食堂技术周刊仓库地址: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 联结创始人的预言:前端将来会这样

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

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

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

正文完
 0