当前位置: 首页 > news >正文

Nuxt3还能用吗?

Nuxt3还能用吗?

前一段时间,我完成了整个产品,从Nuxt到Next的迁移,因为面临了一些在框架层面就无法解决的问题。

payload json化

在所有的的Nuxt中,我们都能看到有这样一个东西。

其实有这个东西也很正常,在Next中也会把服务端渲染的数据挂载html保持数据同步,这就是一个水合的必要步骤。在Next中是这样的。

可以看到在Next新一点的版本中是压缩过的字符串(老版本Page Router,也是JSON格式),而在Nuxt中采用的是JSON格式.

为什么Nuxt要采用JSON?有什么好处?会面临什么问题?

好处:

其实很好理解,就是为了性能和水合的加速,我的直觉因为是因为V8的性能加速对于JSON格式,V8参考资料。所以它不做压缩。

问题:违背SSR原则

这其实有点不符合SSR的设计原则,本身来说SSR是要在更快的时间看到页面和加载完成,这种设计会让整个html document的文件大小大量的增加。假设项目有18n文件,或者首屏的请求接口非常的多在服务端完成,就会导致拉长整个接口时间。

在本身现代浏览器如此之快的背景下,去加快水合时间,而拖慢请求完成的时间,确实让我非常的不理解。

💥 矛盾暴击现场

  1. i18n地狱 🌐

    1. 服务端渲染多语言版本 → HTML体积×N倍

    2. 爬虫抓取时:“这页面怎么比新华字典还厚?📚”

  2. 接口瀑布流 🌊

    1. 服务端串行请求10个API → 链式延迟堪比春运抢票

    2. 用户内心OS:“我等得都能泡碗面了🍜”

  3. 水合加速 vs 服务端减速 🐢⚡

    1. 现代浏览器渲染飞快,但服务端被重逻辑拖累 → 前端省下的时间,全赔给后端了!

安全问题

我靠,你敢相信吗,这么大一个框架,在一定情况下,会把NUXT_PUBLIC公开的环境变量直接挂在html里(如果用到了环境变量),人都要晕了。

可以参考这个issue:https://github.com/nuxt/nuxt/issues/2033 这个问题从2017年已经到2024年了。

生态问题

不可否认的是,整个生态是欣欣向荣的,但在一些更商业和大型库生态在我看来Nuxt是不够深入的(就是Nuxt有非常多高级的语法糖和渲染方式和写法、社区在遇到更具体问题的时候解法很少),反之整个生态的方向都导向了工具、组件库、提效、性能类似的方向,让我感觉很迷茫有时候,就是大家都不做应用是把。

夸一下

毫无疑问,Nuxt框架在不考虑上述这些因素的情况下,在纯前端层面上的性能、语法便捷度、用户体验(框架基础)上绝对都是大于Next的,它也是可以用的。

欢迎加入群聊,我们一起讨论一些更有趣的技术、商业、闲聊。

http://www.xdnf.cn/news/285877.html

相关文章:

  • 直方图反向投影
  • Three.js + React 实战系列 - 项目展示区开发详解 Projects 组件(3D 模型 + 动效 + 状态切换)✨
  • android-ndk开发(2): macOS 安装 ndk
  • PyTorch_自动微分模块
  • 时间同步服务核心知识笔记:原理、配置与故障排除
  • 因为gromacs必须安装cuda(系统自带的NVIDIA驱动不行),这里介绍下如何安装cuda
  • 学习路线(机器人软件架构)
  • Java常用注解大全(基于JDK17+SpringBoot3)
  • 对ubuntu的简单介绍
  • Redis:现代服务端开发的缓存基石与电商实践-优雅草卓伊凡
  • 题目 3321: 蓝桥杯2025年第十六届省赛真题-画展布置
  • SpringMVC 框架核心知识点详解与实战
  • 精益数据分析(41/126):深入解读移动应用商业模式的关键指标与策略
  • linux 高并发 文件句柄数 fs 及 tcp端口数调优
  • 泉州2025年首次网签备案登记的商品住宅并在本年度进行装修、改造及家装物品和材料购置的,在上述补贴额度的基础上上浮2万元,单个产权人补贴最高不超过5万元。
  • VScode中关于Copilot的骚操作
  • ByteArrayOutputStream 类详解
  • 基于yolov11的打电话玩手机检测系统python源码+pytorch模型+评估指标曲线+精美GUI界面
  • 一文说清-什么是强化学习
  • zst-2001 历年真题 程序设计语言
  • 代码随想录算法训练营 Day37 动态规划Ⅴ 完全背包 零钱兑换
  • 【Java ee初阶】多线程(7)
  • C++负载均衡远程调用学习之获取主机信息功能
  • Redis 中简单动态字符串(SDS)的深入解析
  • Vue项目安全实践指南:从输入验证到状态管理的全方位防护
  • 利用WPS创建的Templates目录,快捷生成md文件
  • 【信息系统项目管理师-论文真题】2007下半年论文详解(包括解题思路和写作要点)
  • E-R图作业
  • lambda表达式和方法引用
  • 【Linux】网络基础