前言： 公司现有一个新需求需要在原有的vue2项目上面进行预渲染，进行SEO的优化，在网上进行了一系列的搜索，发现两种简单易上手的方案（1.使用prerender-spa-plugin+vue-meta-info进行打包构建；2.使用nuxt.js在开发过程中就渲染呈现出来） 因是在原有项目基础上进 ...

摘要：文章阐述了Nuxt3中Nitro生命周期钩子的使用，如nitro:config自定义配置、nitro:init注册构建钩子、nitro:build:before/after调整构建设置及处理公共资产、prerender:routes扩展预渲染路由、build:error捕获构建错误，通过示例代... ...

‍ 写在开头 点赞 + 收藏 学会 后端：密码得走密文哇！ 我：base64？md5？ 后端:这次不行哇，新来的测试不好糊弄呢！必须要国密sm2加密捏 我: 好吧，看我的。 我这边使用的是sm-crypto，当然也有很多优秀的库如：forge,我在业务上搭配jszip做过上传zi ...

零：前端目前形势 前端的发展史 HTML(5)、CSS(3)、JavaScript(ES5、ES6)：编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 Ajax的出现 -> 后台发送异步请 ...

摘要：本文深入解析了Nuxt3框架中的多个核心生命周期钩子和组件注册功能，包括imports:sources、imports:extend、imports:context、imports:dirs、components:dirs及components:extend，通过实例代码指导开发者如何在不同场... ...

‍ 写在开头 点赞 + 收藏 学会 场景是用户通过微信扫app内的收款码，跳到一个h5页面。然后完成支付。 代码实现的整体流程： 使用微信扫码，码是app内生成的，码的内容是一个h5页面链接，扫码完成后跳转到自定义的h5支付界面。 扫码进入后，将页面展示所需要的参数进行缓存起来， ...

摘要：本文详细介绍了Nuxt3中的六个核心生命周期钩子及其用法，包括build:done、build:manifest、builder:generateApp、builder:watch、pages:extend和server:devHandler:handler。内容涵盖各钩子的调用时机、参数、环... ...

‍ 写在开头 点赞 + 收藏 学会 近期产品期望在后台发布帖子或视频时，需要添加 @用户 的功能，以便用户收到通知，例如“xxx在xxx提及了您！”。然而，现有的开源库未能满足我们的需求，例如 ant-design 的 Mentions 组件： 但是不难发现跟微信飞书对比下，有两 ...

概述了Nuxt3的六个关键生命周期钩子用途：modules:before至build:before，指导如何在应用初始化、模块管理、配置解析、模板处理及构建前执行自定义操作，附带实例代码，强化Nuxt应用的灵活性和可控性。 ...

Vue3发布后，各家第三方库开始陆续重构并支持 Vue3 ，国内两大知名框架 Element Plus 和 Ant Design Vue 也相续发布新版支持 Vue3。Element Plus 和 Ant Design Vue 都是基于 Vue.js 的 UI 组件库，它们具备一系列可复用的组件和丰... ...

概述了Nuxt3的关键生命周期钩子用途，如page:finish用于页面加载后处理，page:transition:finish处理过渡效果完成，kit:compatibility扩展兼容性检查，ready标示应用启动就绪，close执行应用关闭清理，及restart控制应用重启流程，附带示例代码 ...

前言 众所周知，在vue中使用scoped可以避免父组件的样式渗透到子组件中。使用了scoped后会给html增加自定义属性data-v-x，同时会给组件内CSS选择器添加对应的属性选择器[data-v-x]。这篇我们来讲讲vue是如何给CSS选择器添加对应的属性选择器[data-v-x]。注：本文 ...

摘要：本文深入介绍了Nuxt.js框架中几个关键的生命周期钩子函数，包括app:redirected（SSR环境下重定向前触发）、app:beforeMount（CSR下应用挂载前）、app:mounted（CSR下Vue应用在浏览器挂载时）、app:suspense:resolve（CSR中Sus... ...

‍ 写在开头 点赞 + 收藏 学会 一，安装 npm i swiper 二，使用 swiper/vue 导出 2 个组件：Swiper 和 SwiperSlide <template> <swiper :slides-per-view="3" :space-between="50 ...

将这行代码改成这个值即可。 1.排查过程，搜索 “字段注入” ，一步步找到 FieldInjection.js 这个类 2.阅读FieldInjection.js这个类的代码，猜想值被清空，是由于设置成空了，于是在下面的方法上加上断点 3.一步步调试进去，找到值突然变空的那一行代码 4.通过直接在b ...

‍ 写在开头 点赞 + 收藏 学会 关于大屏视频监控有三种解决方案： 1.海康威视 优点：实时性强。多画面运行流畅，缺点：会覆盖在DOM最上方无法选中可能会导致样式挤压变形等样式问题 2.[flv视频流]+[nodeServer] 优点：可配置性强 缺点：服务端大流量稳定性不确定 ...

摘要：本文是关于Nuxt3的系列文章之一，主要探讨Nuxt3的生命周期和钩子函数，引导读者深入了解其在前端开发中的应用。文章提供了往期相关文章链接，涉及Nuxt中间件、Composables、状态管理、路由系统、组件开发等多个方面，帮助读者全面掌握Nuxt3框架的特性和实践技巧。 ...

本文概述了Nuxt 3框架的升级特点，对比Nuxt 2，详细解析中间件应用、配置策略与实战示例，涵盖功能、错误管理、优化技巧，并探讨与Nuxt 3核心组件集成方法，给出最佳实践和问题解决方案，强调利用Vue 3和Serverless Functions提升中间件效能。 ...

前言 v-bind指令想必大家都不陌生，并且都知道他支持各种写法，比如<div v-bind:title="title">、<div :title="title">、<div :title>(vue3.4中引入的新的写法)。这三种写法的作用都是一样的，将title变量绑定到div标签的title属性 ...

摘要：“本文深入探讨了Nuxt3 Composables，重点介绍了其目录架构和内置API的高效应用。通过学习本文，读者将能够更好地理解和利用Nuxt3 Composables来构建高效的应用程序。” ...