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 开源技术。谢谢大家的点赞,掰掰~

相关推荐
东风西巷2 小时前
Rubick:基于Electron的开源桌面效率工具箱
前端·javascript·electron·软件需求
Miracle_G3 小时前
每日一个知识点:JavaScript 箭头函数与普通函数比较
javascript
unfetteredman3 小时前
Error: /lib/x86_64-linux-gnu/libc.so.6: version `GLIBC_2.32' not found
前端·javascript·vite
HANK3 小时前
KLineChart 绘制教程
前端·vue.js
程序员小续4 小时前
React 官方严令禁止:Hook 不能写在 if/else,真相竟然是…
前端·javascript·程序员
Juchecar4 小时前
Naive UI 学习指南 - Vue3 初学者完全教程
前端·vue.js
小奋斗4 小时前
深入浅出:JavaScript中 三大异步编程方案以及应用
javascript·面试
尝尝你的优乐美4 小时前
封装那些Vue3.0中好用的指令
前端·javascript·vue.js
敲代码的彭于晏4 小时前
localStorage 不够用?试试 IndexedDB !
前端·javascript·浏览器
chxii5 小时前
5.4 4pnpm 使用介绍
前端·javascript·vue.js