前端食堂技术周刊第 43 期：Vue 2.7 Naruto、Prisma 4.0.0、Grid 布局生成器、HTML Tips

美味值：🌟🌟🌟🌟🌟

口味：乌龙桃桃

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

本期摘要

• Vue 2.7 “Naruto” Released
• Prisma 4.0.0
• father 4 RC
• Layoutit grid 生成器
• Oh Shit, Git
• HTML Tips - The hidden Gems
• 给前端开发人员和设计师的最佳 Chrome 插件
• Data Flow in Remix

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

技术资讯

1.Vue 2.7 “Naruto” Released

Vue 2.7 如期而至，版本代号为 Naruto。我翻出了写于 2 年前的文章 海贼王 One Piece，一起康康 Vue 版本号中的彩蛋，结尾还抛出了对火影忍者的期待。文章的评论区有堂友在 11 个月前预测 Vue 2.7 Naruto，我愿称之为全场最佳。

说回本次版本发布，发布公告相比 Beta 版本多出了以下内容：

• 升级指南(Vue CLI / webpack、Vite、Volar、Vue Devtools)
• 额外细节(Vue2 从 Flow 移植到 TypeScript，单元测试从 Karma + Jasmine 移植到 Vitest)

并对 Vue2.7 发布前社区内为弥补差距所开发的插件作出感谢：

• @vue/composition-api
• vue-demi
• vite-plugin-vue2

2.Prisma 4.0.0

Prisma 4.0.0 带来了一系列的 Breaking Changes，包括 Prima Schema、Prisma Client 和一般性改进，并提供了详尽的升级指南。

3.father 4 RC

距离 father 上一个 major 版本发布已经过去了近 3 年，father 4 RC 版近日发布，主要特性如下：

• 双模式构建 (Bundless 和 Bundle 两种构建模式)
• 多 Bundless 编译核心 (Babel 和 esbuild，未来计划支持 SWC 等)
• 依赖预打包 (基于 Vercel 的 ncc 和 Microsoft 的 api-extractor，目前处于持续优化阶段)

在正式版发布之前还将完成如下特性：

• SWC Bundless 编译核心
• father doctor 命令，自动诊断当前项目中存在的问题，给开发者提示
• father g 命令，提供工程原子化能力的生成
• 插件接入能力，给项目提供定制化入口，并发展插件生态

下面我们来看技术资料。

技术资料

1.Layoutit grid 生成器

CSS Grid 布局生成器，提供简洁干净的编辑器快速设计网页布局，并获取 HTML 和 CSS 代码以快速启动您的下一个项目。(该项目使用 Vue3、Vite、Vueuse 等搭建)

2.Oh Shit, Git

作者总结了他使用 Git 遇到过的抓狂经历，并提供了详细的解决方法，包括如下问题：

• 进行了错误操作，能给我台时光机吗？
• 刚提交 commit 就发现还有东西需要改动，如何快速添加？
• 如何修改刚刚提交的 commit 信息？
• 不小心把本应该在新分支上提交的东西提交到了 master
• 把 commit 提交错分支怎么办？
• diff 命令查看变更却发现什么也没有
• 想要撤回很早以前的 commit
• 想要撤回某一个文件的改动

3.HTML Tips - The hidden Gems

HTML 免费电子书，本书介绍了一些不常见的 HTML 特性，包含大量示例和精美的图片。

4.给前端开发人员和设计师的最佳 Chrome 插件

本文包含 10 余个可以帮助你提升效率的 Chrome 插件。

5.Data Flow in Remix

本文介绍了 Remix 中的数据流，Remix 简化了组件与服务器的交互，帮你有效的跨越网络鸿沟：客户端上的状态与服务器上状态的差距，这正是许多客户端状态管理库所不能做到的。而 Remix 扩展了网络中的数据流，使其真正实现单向和循环：从服务器状态(state)到客户端视图(view)，再返回到服务器(action)。

其他信息

• Stack Overflow 2022 年开发者调查
• Vim 9.0
• Storybook 6.5
• Next.js 12.2
• pnpm v7.4

好文推荐

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

1. 全局安装 npm 包的替代方案

2. How We Built Hydrogen

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

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