你的浏览器无法正常显示内容,请更换或升级浏览器!
首页分类
Nuxt3页面级keepalive的Bug临时解决方案
Nuxt3有关3.5.1版仍然存在的一个NuxtPage页面级keepalive的内部bug问题,导致keepalive无法正常工作,其内置三个参数 include,exclude,max只有max参数能得到支持。 ``` <NuxtPage :keepalive="{max:5}"/> ```
tenfei阅读3819次 11天前发布
推荐一个VUE3和NUXT3通用TOAST消息提醒组件。
推荐一下好用的vue3和nuxt3通用toast消息提醒组件,vue3中直接在可使用下面代码直接全局导入,this.toast('message content');支持toast.info/success/error/danger/warning('message content'); nuxt
tenfei阅读2579次 11天前发布
NUXT3自动下发不同宽高图片缩略图组件。
NUXT3下使用sharp图像处理组件,按照客户端需要图片大小读取上传的图片并以文件流形式下发到客户端,可省略掉上传时需要缩略图,且可满足客户端对图片的各种大小的缩略图需求,也可节省请求次数和流量。亦可加入限制和请求访问TOKEN过滤掉跨站请求图片。
tenfei阅读2070次 11天前发布
Vue3和Nuxt3下使用qrcode.vue生成二维码。
在Vue3和Nuxt3下生成二维码推荐使用 nodejs下qrcode.vue组件,记一下使用方法和分别在Vue3和Nuxt3下分别的使用方法。 安装组件: ``` npm i qrcode.vue --save ``` Vue3下示例代码:(在components下建立组件) ``` <t
tenfei阅读2307次 11天前发布
Nuxt3下推荐一款svg图标组件——nuxt-icon
Nuxt3下推荐一款svg图标组件——nuxt-icon,组件为Nuxt官方Modules中推荐。可以很好的解决SVG图标的复用和按需加载问题,用起来方便,不用一次加载全部SVG图标,也不用将svg内容复制到h5代码中,方便管理且节省流量。 **安装组件** ``` npm i nuxt-ico
tenfei阅读2123次 11天前发布
VUE与NUXT3通用省市区地址三级联动选择组件。
NUXT3与VUE通用省市区地址三级联动选择组件,组件使用了VUE3的Setup语法糖,由于地址太多发布不全,这里只提供了几个典型的省市区模板参考,其它省市区还得自己去补齐。街道门牌号必须大于5个字符才会正 常返回地址内容给父级组件,同时支持父级组件回传地址并自动识别省份、城市、区县并自动处于
tenfei阅读1812次 11天前发布
Nodejs下微信支付与本地开发环境搭建
Nodejs下微信支付与本地开发环境搭建,众所周知微信的公众号小程序本地开发过程中实分不友好,不管是认证,调试需要反复的上传给开发过程带来诸多不便,微信的支付环境更是要求更加严苛,而且官方还不提供nodejs的开发范例及sdk。 此文我们主要讲如何实现本地开发微信公众号和小程序的环境搭建及node
tenfei阅读1687次 11天前发布
推荐NUXT3下nodemailer邮件发送组件。
NUXT3下推荐nodemailer组件,直接Server端邮件发送程序,已内置支持国内常用邮件服务提供商参数。 **示例代码:** ``` import nodemailer from 'nodemailer'; //定义配置 const mailConfig={// 创建一个smtp客户端配
tenfei阅读1659次 11天前发布
Nuxt3中使用状态记录并控制keepalive列表。
在Nuxt3页面级keepalive不可用问题已在v3.11版本中得到很好的解决,这里提供一个示例方法。 首先得明白造成此问题的原因是keepalive的include项默认读取from.matched[0].components.default.__name的值,该值为vue默认组件的名称,但n
tenfei阅读1653次 11天前发布
Nuxt3下计划任务或时间时限任务执行。
Nuxt3下利用./server/plugins服务端插件实现计划任务或时间时限任务执行。 在/server/plugins下建立的任意文件,均会在服务器启动时就执行,在插件内挂入setTimeout或setInterval即可实现计划任务工作,nitroApp中还包含了hook可调用。 ```
tenfei阅读1651次 11天前发布
axios提交数据前拦截并对formData数据进行转换提交
使用axios进行ajax提交数据时,进行数据拦截整理后再提交,可很好的帮助我们在开发过程中实现前后端数据交互工作,尤其是前端接口不统一,有时以对象提交,有时又formData提交导致数据不统一等问题。另在vue环境下,当使用formData收集数据并提交给后端时,会出现空值、未定义值在传输过程中被
tenfei阅读1640次 11天前发布
Mysql2使用连接池对高频语句预处理以提升性能。
Mysql2适用于Node.js的MySQL客户端,专注于性能优化。支持SQL预处理、非UTF-8编码支持、二进制文件编码支持、压缩和SSL等等,这里主要记录一下使用预处理功能。 使用 MySQL2预处理的使用,可以提前准备好SQL预处理语句。 使用准备好的SQL预处理语句,MySQL 不必每次都
tenfei阅读1597次 11天前发布
使用PM2配置并部署项目上线。
无论我们使用VUE、REACT、NUXT等各种框架开发项目后,最终上线部署都会选择PM2,特别是对于需要Nodejs做Server支撑的项目,因pm2是基于nodejs开发的进程管理器,适用于后台常驻脚本管理,同时对node网络应用有自建负载均衡功能。 **一、pm2特点:说一些pm2有哪些优点好
tenfei阅读1587次 11天前发布
nodejs改为国内源和参数方法
# NPM nodejs改为国内源和参数方法,在需要安装cnpm也可以使用淘宝镜像,提高国内访问速度,由于Node的官方模块仓库网速太慢,模块仓库需要切换到阿里的源。 **查看当前镜像地址** ```text npm config get registry ``` **NPM修改为淘宝镜像*
tenfei阅读1549次 11天前发布
Nuxt 3 完全指南:从入门到实战
# Nuxt 3 完全指南:从入门到实战 ## 引言 Nuxt 3 是 Vue 3 的全栈框架,为开发者提供了更强大的服务端渲染能力和开发体验。本文将详细介绍 Nuxt 3 的核心概念和使用方法。 ## 什么是 Nuxt 3? Nuxt 3 是一个基于 Vue 3 的全栈框架,它提供了:
tenfei阅读212次 11天前发布
Vue 3 组合式 API 完全指南:从入门到实战二
Vue 3 组合式 API 完全指南,详解 ref、reactive、computed、watch 等核心 API,介绍 Composables 逻辑复用方式,以及 TypeScript 集成和性能优化技巧。
tenfei阅读170次 11天前发布
Node.js Express 实战构建高性能 RESTful API 完全指南
本文详细介绍了使用 Node.js 和 Express 构建高性能 RESTful API 的完整流程,涵盖项目结构设计、数据模型、控制器逻辑、认证授权、性能优化以及 Docker 部署等关键环节,是后端开发者必备的实战指南。
tenfei阅读165次 11天前发布
Vue 3 响应式系统深度解析:Reactivity API 完全指南
# Vue 3 响应式系统深度解析:Reactivity API 完全指南 ## 前言 Vue 3 的响应式系统是其核心特性之一,相比 Vue 2 的 Object.defineProperty,Vue 3 使用了 Proxy 来实现响应式,带来了更强大的功能和更好的性能。本文将深入探讨 Vue
tenfei阅读158次 11天前发布
Vue 3 组合式 API 最佳实践:构建可维护的企业级应用
Vue 3 带来的组合式 API(Composition API)为前端开发者提供了一种全新的代码组织方式。本文深入探讨组合式 API 的核心概念,详细讲解 ref、reactive、computed、watch 等核心 API 的使用方法和最佳实践,介绍 Composable 函数的设计原则和实际
tenfei阅读155次 11天前发布
Nuxt 3 服务端渲染完全指南:从入门到实践
本文深入探讨Nuxt 3框架的服务端渲染机制,详细介绍SSR的工作原理、配置方法以及最佳实践。通过实际案例,帮助开发者快速掌握Nuxt 3的SSR技术,构建高性能的Web应用。
tenfei阅读151次 11天前发布
Vue 3 组合式 API 实战技巧
Vue 3 组合式 API 彻底改变了我们编写组件的方式。本文分享 5 个实用的组合式 API 技巧,包括逻辑复用、状态管理、生命周期钩子等核心概念,帮助你写出更优雅的 Vue 代码。
tenfei阅读149次 11天前发布
Vue3 组合式 API 入门指南
Vue3引入组合式API,提供更灵活的代码组织方式。本文介绍setup函数、响应式数据、计算属性和生命周期钩子的基本用法,探讨逻辑复用和类型推断的优势,帮助开发者快速入门。
tenfei阅读148次 11天前发布
Vue 3 响应式系统深度解析
# Vue 3 响应式系统深度解析 ## 什么是响应式系统? Vue 3 的响应式系统是其核心特性之一,通过 ES6 Proxy 实现了对数据变化的自动追踪和视图更新。 ## 核心 API ### ref 用于创建基础类型的响应式数据: ```javascript import { re
tenfei阅读146次 11天前发布
Vue3响应式原理深度解析
Vue3使用ES6Proxy重写响应式系统,带来更强大的数据拦截能力和更优性能。本文深入解析依赖收集、触发更新computed和watch等核心机制,包含完整代码示例和应用场景,帮助开发者全面掌握Vue3响应式原理。
tenfei阅读145次 11天前发布
Copyright © from 2021 by namoer.com
458815@qq.com QQ:458815
蜀ICP备2022020274号-2