一线大厂高级前端编写,前端初中阶面试题,帮助初学者应聘,需要联系微信:javadudu

Vue周报:Vue 2 将死,感恩陪伴!Nuxt 性能优化。Svelte 支持 Vite(52期)

大家好,这里是大家的林语冰,您现在收看的是第 52 期《Vue 技术周报》。

视频解说请临幸 Vue 技术周报@bilibili

每周必看

(译)Vue 2 将死,感恩陪伴

Vue周报:Vue 2 将死,感恩陪伴!Nuxt 性能优化。Svelte 支持 Vite(52期)

“VueJS 之父”尤雨溪最新发表 Vue 官方博客 —— Vue 团队正式官宣 Vue 2 将死,Vue 2 将于 2023 年 12 月 31 日完结撒花,换而言之,Vue 2 将全面停止开源维护。

还在使用 Vue 2 或希望迁移至 Vue 3 的小伙伴欢迎阅读此博客,尤大在本文中科普了 Vue 2 停止维护后的若干种技术选择。

粉丝福利

up 主已经翻译好了此博客,想要深度学习的小伙伴欢迎扫码阅读。

Vue 生态

直观调试响应式对象

Vue周报:Vue 2 将死,感恩陪伴!Nuxt 性能优化。Svelte 支持 Vite(52期)

在 Vue 开发中,我们经常诉诸 console.log 调试响应式对象,虽然但是,默认的打印方式往往并不直观。

这位大佬科普了诉诸浏览器的开发者工具自定义 JS 对象的打印方式,可以一目了然地调试响应式对象。


Vue 表单验证

Vue周报:Vue 2 将死,感恩陪伴!Nuxt 性能优化。Svelte 支持 Vite(52期)

Vue 表单验证是一种回头率超高的用户场景,Vue 生态已经孵化了若干完备的表单验证库。虽然但是,有时候我们只需要根据项目已有的模式验证库自定义组合式函数就能满足需求。

这位大佬科普了两种模式验证和组合式函数“梦幻联动”的方式 —— 懒汉式和饿汉式。


Tailwind 图标库

Vue周报:Vue 2 将死,感恩陪伴!Nuxt 性能优化。Svelte 支持 Vite(52期)

Heroicons 是 Tailwind 团队出品的一个极简图标库,每个图标都包含三种不同紧凑程度的 style,这是一套框架无关的图标资源,所以您可以无缝集成到 Vue/React 的 App 中。

Nuxt 生态

理解和测评 Nuxt 的性能

Vue周报:Vue 2 将死,感恩陪伴!Nuxt 性能优化。Svelte 支持 Vite(52期)

这是 Vue 大学共享的一篇官方博客。

这位大佬科普了 Nuxt 性能的优化指标,影响 Nuxt 基准性能的因素,以及真实用户场景下最大限度优化关键渲染路径的方案。


Nuxt 3 自定义错误页面

Vue周报:Vue 2 将死,感恩陪伴!Nuxt 性能优化。Svelte 支持 Vite(52期)

Nuxt 3 拥有一大坨内置功能,包括错误页面,虽然但是,我们通常希望自己自定义错误页面。

这位大佬科普了如何在 Nuxt 3 中编写自己的错误页面,并根据错误代码自定义页面。


Nuxt 模板

Vue周报:Vue 2 将死,感恩陪伴!Nuxt 性能优化。Svelte 支持 Vite(52期)

这个网站收藏了一大坨 Nuxt 社区模板,方便 Nuxt 爱好者集成到 App 中。

Vite 生态

SvelteKit 2 支持 Vite5

Vue周报:Vue 2 将死,感恩陪伴!Nuxt 性能优化。Svelte 支持 Vite(52期)

Svelte 团队官宣 SvelteKit v2 正式发布,这是一个增量更新版本,增加了对新发布的 Vite 5 的支持。

程序员名言

此乃《代码大全》作者史蒂夫的一句名言。

在代码中排错很难,当你自信代码没有 Bug 时就更难了。”

Vue周报:Vue 2 将死,感恩陪伴!Nuxt 性能优化。Svelte 支持 Vite(52期)

程序员笑话

这位热心网友魔改了《盗梦空间》的海报,变成了“div 空间”,霸占 C 位的男猪脚则是 <main> 标签。

Vue周报:Vue 2 将死,感恩陪伴!Nuxt 性能优化。Svelte 支持 Vite(52期)

Vue 小技巧:诉诸 JSDoc 记录您的组件 Props

记录您的组件 props 十分有用,当您将鼠标悬停在 IDE 的组件时,它们就会有所提示。您可以使用传递给 defineProps 函数的 TS 接口中的 JSDoc 来执行此操作:

Vue周报:Vue 2 将死,感恩陪伴!Nuxt 性能优化。Svelte 支持 Vite(52期)

我们还可以在 defineProps 函数中记录 props

Vue周报:Vue 2 将死,感恩陪伴!Nuxt 性能优化。Svelte 支持 Vite(52期)

如果将鼠标悬停在 IDE 的 prop 上,您应该能看到文档:

Vue周报:Vue 2 将死,感恩陪伴!Nuxt 性能优化。Svelte 支持 Vite(52期)

您现在收看的是《Vue 技术周报》系列,学废了的小伙伴可以订阅专栏合集,我们每周五佛系投稿,欢迎持续关注 Vue 开源技术。谢谢大家的点赞,掰掰~

Vue周报:Vue 2 将死,感恩陪伴!Nuxt 性能优化。Svelte 支持 Vite(52期)

原文链接:https://juejin.cn/post/7316349124599824420 作者:人猫神话

(0)
上一篇 2023年12月26日 上午10:57
下一篇 2023年12月26日 上午11:07

相关推荐

发表评论

登录后才能评论