【译】Vue 技术周报:检测 Nuxt 中服务器与客户端的代码执行(2023 年第 43 周)

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

免责声明

本文属于是语冰的直男翻译了属于是,仅供粉丝参考,视频教程请临幸 B 站解说,英文原味版请临幸 Weekly Vue News

Vue 生态

你不知道的 7 个 Vue 样式的奇技淫巧

Fotis 科普了 7 个奇技淫巧来帮助您更好地理解 Vue 中的 style 标签。


Vue 3 过渡组件入门

本文将探索 Vue 3 Transition 组件的工作原理,并通过代码示例演示其用法。


科普 Vue 3 生命周期钩子

在本文中,您将学习 Vue 3 中不同的生命周期钩子,如何使用它们,以及如何将它们集成到您的企业 App 中。


升级到 Vue 3 和 Nuxt 3(源于 Vue 2,防止您忘记查收)

在本文中,我们将深度学习升级到 Vue 3 和 Nuxt 3 的世界。


在 Vue 中诉诸 URL 存储状态

本文科普了诉诸浏览器的原生 URL 来持久化存储状态的奇技淫巧。


Vue 数据可视化

一个用户授权的数据可视化 Vue 组件库。

Nuxt 生态

Nuxt 3 最佳指南 TOP 10

本文收藏了 10 个牛逼闪闪的指南,帮助您开始 Nuxt 3 之旅。


探索 Nuxt 3 开发者工具

在本文中,您将探索 @nuxt_js dev tools 的安装和配置,并深度学习其提供的每个功能,包括但不限于查看页面,组件,导入,模块等。


Nuxt 3 新手教程

在 3 小时的完整新手教程中学会玩弄 Nuxt 3。


Nuxt 3 自动导入 ------ 解放全部潜力

在本视频中,您将探索 Nuxt 3 Auto Imports 的超能力,以及使您的 DX 更加出色的配置方案。

多人活动

Nuxt 国际大会 2023

2023 年 10 月 18-19 日,免费在线活动。


Vue 大会 多伦多

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

挨踢圣经

"程序员的麻烦在于你永远说不准它在搞什么飞机,直到图穷匕见。"

Nuxt 奇技淫巧:检测服务器 vs 客户端代码执行

如果您需要指定 Nuxt 3 App 中的某个代码块只在客户端运行,您可以使诉诸 process.client 变量:

举一反一,如果您需要指定某个代码块只在服务器端运行,您可以诉诸 process.server 变量:

为何好用?

如果您需要运行仅在客户端或服务器端可用的代码,这超有用。举个栗子,如果您需要访问 window 对象,您能且仅能在客户端执行此操作。

前端脑洞

其他资讯

调试基本法

从调试中习得 16 个经验法则,比如让局外人来助攻您调试代码。


莫慌!一个管理所有生产事故的剧本

未雨绸缪比完美主义更实事求是。


如何调试浏览器重定向

重定向难以发现和调试,因为它们既微妙又转瞬即逝。这里有若干与它们合作的好方法!


n64js

一个 n64 模拟器,(大部分)用纯 ES6 编写。它可以在一大坨全帧率的 ROM 中运行。


string-ts

所有强类型的字符串函数。


Shoelace

一个基于 Web 标准构建的日常 UI 组件专业设计集。它可以与所有框架梦幻联动,包括但不限于 Vue 和常规的 HTML/CSS/JS。

以上就是 2023 年第 43 周 Vue 生态的技术周报,学废了的小伙伴可以点赞给语冰打 call,我们水曜日佛系拖更,欢迎关注最新动态和订阅前沿资讯。谢谢大家的彼芯,掰掰~

相关推荐
小曲曲1 小时前
接口上传视频和oss直传视频到阿里云组件
javascript·阿里云·音视频
学不会•2 小时前
css数据不固定情况下,循环加不同背景颜色
前端·javascript·html
EasyNTS3 小时前
H.264/H.265播放器EasyPlayer.js视频流媒体播放器关于websocket1006的异常断连
javascript·h.265·h.264
活宝小娜4 小时前
vue不刷新浏览器更新页面的方法
前端·javascript·vue.js
程序视点4 小时前
【Vue3新工具】Pinia.js:提升开发效率,更轻量、更高效的状态管理方案!
前端·javascript·vue.js·typescript·vue·ecmascript
coldriversnow4 小时前
在Vue中,vue document.onkeydown 无效
前端·javascript·vue.js
我开心就好o4 小时前
uniapp点左上角返回键, 重复来回跳转的问题 解决方案
前端·javascript·uni-app
刚刚好ā5 小时前
js作用域超全介绍--全局作用域、局部作用、块级作用域
前端·javascript·vue.js·vue
yqcoder7 小时前
reactflow 中 useNodesState 模块作用
开发语言·前端·javascript
会发光的猪。8 小时前
css使用弹性盒,让每个子元素平均等分父元素的4/1大小
前端·javascript·vue.js