共计 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 联结创始人的预言:前端将来会这样
太阳底下无新鲜事,咱们都在循环里。
好了,以上就是本期的食堂周刊,观众老爷们如果感觉还不错,一键三连是对食堂老板最大的反对。
你的前端食堂,吃好每一顿饭,咱们下期见。