Vue官方周报:Vue 开发模式~离谱的开源协议!Pinia实现历史记录(2023 年第 47 周)

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

免责声明

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

Vue 技术栈

Vue 模式

Vue 模式的免费指南,可以极大地辅助编写整洁、高效和可维护的代码。

包括但不限于组合式函数、依赖注入等模式。

这个网站收集了一大坨 Vue 技术栈的现代化开发模式,主要有三大维度的最佳实践:

  1. Vue 设计模式
  2. Vue 渲染模式
  3. Vue 性能模式

另外,React 爱好者也可以参考 React 技术栈的现代化开发模式,JS 爱好者则可以参考原味版的 JS 开发模式。


你的函数真的是 Vue 组合式函数吗?

在本视频中,Alex 解释了普通函数和 Vue 组合式函数之间的区别。


Vue 3 & 组合式 API(完整项目)

使用 Vue 3 和 3.2 版本最新语法的组合式 API 从零开始构建费用跟踪 App。


Vue 3 入门指南

油管上一个三小时的大型研讨会。

Nuxt 技术栈

使用 Nuxt 3 请求数据

本视频介绍了在 Nuxt 3 中用于请求数据的两个组合式函数(useFetch()useAsyncData())。


Nuxt 社交分享模块

此模块可以辅助您轻松地将社交分享按钮集成到 App 中。

包括但不限于 facebook、推特、领英等,但由于是老外开发的,所以没有企鹅、Bilibili 等。

多人活动

Vuejs Amsterdam 2024

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

挨踢圣经

轻眉瞩码傻一天,伯乐相码毁一生。

Pinia 小技巧:撤销和重做功能的简单历史记录

我最近需要为正在处理的项目实现撤消和重做功能的简单历史记录。我决定使用 VueUseuseRefHistory 组合式函数来实现此功能。

定义 store

我们先来瞄一眼用于演示的 store,这是一个简单的 counterStore

现在让我们在 Vue 组件中使用此 store:

实现历史记录

既然我们有了 store,让我们来实现历史记录功能。我们可以通过使用 VueUse 中的 useRefHistory 组合式函数来实现:

前端梗图

后端 CSS 神器 ------ 量天尺(物理意义上)。

周边资讯

技术面试手册

精心策划的程序员面试准备材料。

这个仓库的作者精心策划和归纳整理了一大坨系统的程序员技术面试材料,包括但不限于算法、最佳实践、简历指导和前端面试等不同专题。


Web Components 比 JS 框架更持久

一个辛辣的意见,但读起来很有趣。

前端开发对选择困难症晚期患者尤其不友好,很容易陷入决策瘫痪。每当开始一个新的项目,我们会在"技术爆炸"的海量前端框架中迷失自我。

这位大佬前端熟练度高达 20 年,见证了 jQuery 的破蛋与兴衰,见证了 Node.js 的分久必合,见证了 AngularJS 取代 Backbone,见证了 React 后来居上,以及编写 React 组件的 5 种方式。

大佬预言,没有永恒的框架,只有永恒的标准,而拥抱标准的 Web Components 会比 JS 框架更持久。


TechCrunch 如何斥资百万美元重建网站

有没有想过一个网站项目怎么会经费爆炸?

这位 UP 主在油管上发布了一个 30 分钟还原山寨版 TechCrunch 网站的在线教程,刚好被该网站的 CEO 瞄到了,它看不懂但喵瞪狗呆,因为 UP 主 30 分钟模拟的网站本体其实经费爆炸,实际开发成本居然高达百万刀乐。


糟糕的许可协议

词穷或"离离原上谱"的开源许可纲要。

此仓库收集了一大坨不科学的非官开源许可刚要。

有的许可证允许你复制、修改和编译,但不允许你运行;有的许可证允许任何非白人的异性恋雄性为所欲为;有的许可证允许项目所有权转让给最后提交更改的人,比如我给 Vue 翻译了一个单词然后提交,我就会变成"Vue 之父"。

基本都是反向教学的骚操作,有一说一,真不如我发明的"禁止白嫖"许可证。


背景移除

直接在浏览器或 Node.js 环境轻松删除图像背景,无需额外成本或隐私问题。

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

相关推荐
超绝大帅哥3 分钟前
为什么回调函数不是一种好的异步编程方式
javascript
jump_jump9 分钟前
Ripple:一个现代的响应式 UI 框架
前端·javascript·前端框架
神秘的猪头18 分钟前
🎨 CSS 这种“烂大街”的技术,怎么在 React 和 Vue 里玩出花来?—— 模块化 CSS 深度避坑指南
css·vue.js·react.js
夏天想18 分钟前
element-plus的输入数字组件el-input-number 显示了 加减按钮(+ -) 和 小三角箭头(上下箭头),怎么去掉+,-或者箭头
前端·javascript·vue.js
进击的野人22 分钟前
Vue 3 响应式数据解构:toRef 与 toRefs 的深度解析
前端·vue.js·前端框架
清风徐来QCQ1 小时前
SpringMvC
前端·javascript·vue.js
Swift社区1 小时前
ArkTS Web 组件里,如何通过 javaScriptProxy 让 JS 同步调用原生方法
开发语言·前端·javascript
TttHhhYy1 小时前
小记,antd design vue的下拉选择框,选项部分不跟着滑动走,固定在屏幕某个部位,来改
前端·vue.js·sql
boooooooom1 小时前
Vue3 宏编译的限制与解决方案:深入理解与实践突破
vue.js
Hi_kenyon2 小时前
快速入门VUE与JS(二)--getter函数(取值器)与setter(存值器)
前端·javascript·vue.js