【译】Vue 官方周报:Vue2 退役倒计时!VueConf 多伦多进行时~Vueform 开源(2023 年第 46 周)

大家好,这里是大家的林语冰,您现在收看的是 2023 年第 46 周 Vue 官方的技术周报。

免责声明

本文属于是语冰的直男翻译了属于是,仅供粉丝参考,视频解说请临幸 Vue 官方周报@bilibili,英文原味版请临幸 Weekly Vue News

Vue 技术栈

Vue 何以对 React 降维打击

这位大佬解释了祂选择入坑地表最强前端框架的原因。

大佬起初在前端新手村是一位妥妥的 React 爱好者,后来深入探讨"前端框架战争"之后,最终在 Vue 和 React 之间选择了 Vue。大佬从学习曲线、官方文档、DX(开发体验)、设计哲学、心智模型等多维度系统比较了 Vue 和 React 的异同点,最终得出结论 ------ 如果您非要在 Vue 和 React 之间二选一,不烦先试试 Vue。


我们如何将企业级项目从 Vue 2 升级到 Vue 3

前端团队如何在不阻碍新功能发布的前提下,将企业级项目从 Vue 2 "渐进增强"到 Vue 3。

2022 年 7 月 1 日,Vue 团队官宣 Vue 2.7 正式发布,代号"Naruto(火影忍者)",Vue 2.7 也是 Vue 2 的最后之舞,Vue 2 从此进入长期支持,生命倒计时 18 个月,只维护不更新。Vue 2 爱好者请注意,2023 年 12 月 31 日(即今年年底),Vue 2 将正式退役,结束其传奇的一生。


诉诸 Pinia 作为 Vue 状态管理解决方案的福利

本文探讨了选择 Pinia 作为 Vue 状态管理解决方案的福利。

在 Vue 3 中,即使没有诉诸 Vuex 管理状态,App 的行为好像也没差啊,就响应式状态而言,reactive 黑魔法可以做到和 Vuex 图灵等价。本文的作者是"Pinia 之父兼 Vue Router 之父"E.S.M.,大佬告诉你事情并没那么简单。reactive 黑魔法虽然给力,但是祂的阿喀琉斯之踵(死穴)在于祂无法满足 SSR。


Vueform 正式开源

Vueform 正式开源,可以基于 MIT 开源许可在 GitHub 上自由玩弄其所有元素和功能。

GitHub 推行赞助计划后,一大坨私人项目开始曝光,真正拥抱开源社区,Vueform 就是其中之一。虽然 Vueform Builder 作为低代码开发仍然是付费产品,但为该产品提供技术支持的 Vueform 表单框架则开源免费,欢迎大家加入 Vueform 的开源社区。

Nuxt 技术栈

Nuxt UI 正式破蛋

UI Pro 是构建于 Nuxt UI 之上的高阶组件集,可以迅速创建高颜值和低延迟的 Nuxt App。

此项目正在开发中,欢迎免费体验。


您的内容真的是服务端渲染吗!?

在本视频中,您将学习一种简单得要命的技术来验证内容是否是 SSR。


Nuxt Modules 在线教学

如果您想构建 Nuxt 模块,欢迎观看此视频。

多人活动

VueConf Toronto 2023

2023 年 11 月 9-10 日,加拿大多伦多


vueday 2023

2023 年 11 月 10 日,维罗纳


Vuejs Amsterdam 2024

2024 年 2 月 28-29 日,阿姆斯特丹

挨踢圣经

"稍后等于永不。"------ 勒布朗法则

意思是,然后就没有然后了。我有一位五月天的女粉将其翻译为《有些事现在不做 一辈子都不会做了》。

Vue 小技巧:读写子组件的模板引用

有时您需要读写嵌套组件的 模板引用。举个栗子,您想要将父组件中的子组件中的输入字段聚焦。

让我们瞄一眼如何在 Vue 3 中做到这一点:

在子组件中,我们定义一个名为 innerChildRef 的模板引用,并使用 defineExpose() 将其公开给父组件。

现在您可以在父组件中读写该模板引用:

前端梗图

普通用户天真地以为 B 站没有 bug。

其实我一直在一边偷偷打补丁。

周边资讯

前端爱好者的必由之路

在本文中,您将速览 freeCodeCamp(免费代码训练营)前端开者学习路线中必知必会的技术栈。

freeCodeCamp(免费代码训练营)是一个友好的国际开源社区,社区爱好者已经达成"百大成就",您可以参考这个技能树系统地学习前端的知识图谱。


水合作用:懒加载的大反派

水合(hydration)通常被视为性能的银弹,但也有若干注意事项。

温馨提示,此银弹非彼"淫荡",银弹代指"万金油"。本文作者是"Angular 之父"M.H.,一般认为 SSR 首屏渲染的性能可以对 SPA 降维打击,这位大佬则科普了 SSR 的 Hydration 与性能之间不可描述的关系,晓之以码,动之以图。


百里挑一的攻城狮的 7 个简单习惯

这些习惯包括坚持一致的编码标准、至少在一个领域拥有深厚的领域知识、脱离代码以及增加曝光度。


PureImage

Node 中类似于浏览器的 2D canvas 体验,但没有额外的原生依赖。

PureImage 是 NodeJS 的 HTML Canvas 2D 绘图 API 的 100% 纯 JS(JavaScript)实现。祂没有任何原生依赖。您可以使用祂来调整图像大小、绘制文本等,还可以绘图保存为 PNG 和 JPEG 格式。


Effect

Effect 是一个 TS(TypeScript)库,旨在帮助开发者快速创建复杂的同步和异步程序。

Effect 与众不同的核心特性之一是它利用结构化并发提供异步取消和安全资源管理等功能,更易于构建鲁棒、可扩展且高效的程序。


QX82 复古的 JS 引擎

这是一个迷你 JS 引擎,允许您创建 old school 的游戏和体验,灵感源于 80 年代复古的计算机视觉和质感。

祂是开源的。

友情赞助

您现在收看的是 Vue 官方周报,学废了的小伙伴可以点赞友情赞助本系列,我们每周三佛系投稿,欢迎关注和订阅最新动态。谢谢大家的彼芯,掰掰~

相关推荐
四喜花露水16 分钟前
Vue 自定义icon组件封装SVG图标
前端·javascript·vue.js
前端Hardy26 分钟前
HTML&CSS: 实现可爱的冰墩墩
前端·javascript·css·html·css3
web Rookie1 小时前
JS类型检测大全:从零基础到高级应用
开发语言·前端·javascript
工业甲酰苯胺1 小时前
C# 单例模式的多种实现
javascript·单例模式·c#
程序员爱技术5 小时前
Vue 2 + JavaScript + vue-count-to 集成案例
前端·javascript·vue.js
悦涵仙子6 小时前
CSS中的变量应用——:root,Sass变量,JavaScript中使用Sass变量
javascript·css·sass
兔老大的胡萝卜6 小时前
ppk谈JavaScript,悟透JavaScript,精通CSS高级Web,JavaScript DOM编程艺术,高性能JavaScript pdf
前端·javascript
cs_dn_Jie9 小时前
钉钉 H5 微应用 手机端调试
前端·javascript·vue.js·vue·钉钉
开心工作室_kaic10 小时前
ssm068海鲜自助餐厅系统+vue(论文+源码)_kaic
前端·javascript·vue.js
有梦想的刺儿10 小时前
webWorker基本用法
前端·javascript·vue.js