前端食堂技术周刊第 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

前端食堂技术周刊第 43 期:Vue 2.7 Naruto、Prisma 4.0.0、Grid 布局生成器、HTML Tips_第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

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 等搭建)

前端食堂技术周刊第 43 期:Vue 2.7 Naruto、Prisma 4.0.0、Grid 布局生成器、HTML Tips_第2张图片

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

前端食堂技术周刊第 43 期:Vue 2.7 Naruto、Prisma 4.0.0、Grid 布局生成器、HTML Tips_第3张图片

本文介绍了 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

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

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

你可能感兴趣的:(前端,javascript)