【译】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,我们水曜日佛系拖更,欢迎关注最新动态和订阅前沿资讯。谢谢大家的彼芯,掰掰~

相关推荐
qq_5895681022 分钟前
Echarts的高级使用,动画,交互api
前端·javascript·echarts
暴富的Tdy2 小时前
【CryptoJS库AES加密】
前端·javascript·vue.js
℘团子এ2 小时前
js和html中,将Excel文件渲染在页面上
javascript·html·excel
胡西风_foxww4 小时前
【es6复习笔记】Promise对象详解(12)
javascript·笔记·es6·promise·异步·回调·地狱
秃头女孩y4 小时前
【React中最优雅的异步请求】
javascript·vue.js·react.js
dlnu20152506228 小时前
ssr实现方案
前端·javascript·ssr
轻口味10 小时前
命名空间与模块化概述
开发语言·前端·javascript
前端小小王10 小时前
React Hooks
前端·javascript·react.js
迷途小码农零零发10 小时前
react中使用ResizeObserver来观察元素的size变化
前端·javascript·react.js