vue调色滤镜（vue关滤镜）

美味值：

口味：乌龙桃桃

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

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

技术资讯Vue 2.7 "Naruto" Released

vue调色滤镜,vue关滤镜(1)

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

Prisma 4.0.0

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

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 命令，提供工程原子化能力的生成
插件接入能力，给项目提供定制化入口，并发展插件生态

下面我们来看技术资料。

技术资料Layoutit grid 生成器

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

vue调色滤镜,vue关滤镜(2)

Oh Shit, Git

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

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

HTML Tips - The hidden Gems

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

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

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

Data Flow in Remix

vue调色滤镜,vue关滤镜(3)

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

其他信息