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

相关推荐
用户479492835691521 小时前
🤫 你不知道的 JavaScript:`"👦🏻".length` 竟然不是 1?
前端·javascript·面试
xingkongv21 小时前
从“调接口仔”到“业务合伙人”:前端的 DDD 初体验
javascript·前端框架
东北南西21 小时前
Web Worker 从原理到实战 —— 把耗时工作搬到后台线程,避免页面卡顿
前端·javascript
Zz_waiting.21 小时前
案例开发 - 日程管理 - 第六期
前端·javascript·vue.js·路由·router
A 风21 小时前
封装日期选择器组件,带有上周,下周按钮
开发语言·javascript·vue.js
Simon_He21 小时前
vue-markdown-renderer:比 vercel streamdown 更低 CPU、更多节点支持、真正的流式渲染体验
前端·vue.js·markdown
机构师21 小时前
<uniapp><指针组件>基于uniapp,编写一个自定义箭头指针组件
javascript·uni-app·vue·html
小桥风满袖21 小时前
极简三分钟ES6 - 模块化
前端·javascript
BillKu1 天前
npm 安装命令中关于 @ 的讲解,如:npm install @vue-office/docx vue-demi
前端·vue.js·npm
bestadc1 天前
LeetCode 几道 Promises 和 Time 的题目
javascript·算法·leetcode