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

美味值：
口味：乌龙桃桃

食堂技术周刊仓库地址：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

文章图片

【前端|前端食堂技术周刊第 43 期（Vue 2.7 Naruto、Prisma 4.0.0、Grid 布局生成器、HTML Tips）】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)。
其他信息