写在开头 点赞 + 收藏 学会 该代码的主要功能是生成一个图形验证码,并将其绘制在HTML的<canvas>元素上。验证码由4个随机数字组成,背景和文字颜色随机生成,且文字有一定的旋转角度,增加了识别的难度。 核心逻辑: useImageVerify:这是一个Vue 3的Co ...
vxe-table vue 数据表格行分组,实现同时对多个列显示合计数量 查看官网:https://vxetable.cn gitbub:https://github.com/x-extends/vxe-table gitee:https://gitee.com/x-extends/vxe-tabl ...
写在开头 点赞 + 收藏 学会 背景简介 在前端项目开发中,我们常常会遇到这样一种情况:项目中引入了某个第三方库,但它没有提供内置的 TypeScript 类型声明。此时,如果你在 TypeScript 项目中直接使用这个库,编译器就会报错。 也许你很聪明,知道在项目中的sh ...
最近一个项目中,基于vue3开发,想开发一个在线管理组件库的功能,具体业务实现: 1. 在私库Nexus上传组件包; 2. 然后用UNPKG实现路径访问在线解压文件; 3. 解压文件上传到gitee组件库中查看; 4. 然后通过页面配置填写需要引入的依赖地址(直接通过UNPKG读取包内文件内容),页 ...
写在开头 点赞 + 收藏 学会 解构赋值是 JavaScript 中最受欢迎的特性之一,它让数据提取变得简洁优雅。但看似简单的语法糖下,隐藏着十个高频「陷阱」。本文结合代码示例与原理分析,带你逐一避坑! 一、解构未定义对象:空值引发的致命错误 ❌ 典型错误 javascrip ...
写在开头 点赞 + 收藏 学会 需求 首先列举一下需要拦截的行为,接下来我们逐个实现。 浏览器前进后退 标签页刷新和关闭 路由跳转 1、拦截浏览器前进后退 这里的实现是核心,涉及到大量 History API 的理解,如果不太了解可以先看一下这两个文章: 拦截浏览器后退方法附 ...
MyIP —— 一个好用且开源的全能 IP 工具箱,基于 Express + Vue 实现,提供 IP 信息查看、网络连通性、WebRTC 测试、DNS 泄露测试、网络测试等通用功能。 ...
使用 vxe-table 合并单元格、分组列头的详细用法 查看官网:https://vxetable.cn gitbub:https://github.com/x-extends/vxe-table gitee:https://gitee.com/x-extends/vxe-table 代码 通过设 ...
写在开头 点赞 + 收藏 学会 你有没有在写前端的时候,突然迷糊了: 为啥这张图片能直接 src="https://xxx.jpg" 就能展示? 为啥有时候图片是乱七八糟的一串 Base64? 有的还整出来个 Blob,看不懂但好像很高级? 有时还来个 ArrayBuffer ...
1、问题原因 用vuecli与vite创建的vue项目,默认是没有热部署更新的。而且查阅大量资料后仍然找不到解决方法 这个我认为是mac的m系列芯片的问题 为什么我会这么认为,因为相同的项目,node_moudules我都没有变过,再win系统中与mac系统同时运行,只有win系统是可以正常热部署的 ...
写在开头 点赞 + 收藏 学会 以下详细介绍 import.meta.glob 的使用: 1. 参数详解 import.meta.glob( pattern, // 匹配模式:字符串或字符串数组 { eager?: boolean, // 是否同步导入 import?: st ...
vue 表格组件,记录 vxe-table grid 获取 rowIndex 行索引、列索引的详细说明 https://vxetable.cn 表格有 3 种索引机制: 行索引:rowIndex、$rowIndex、_rowIndex 列索引:columnIndex、$columnIndex、_co ...
massCode —— 一个基于 Vue + Electron 实现的开源免费的代码片段管理工具,帮助开发者更好的记录管理代码片段,同时支持 Windows、macOS、Linux 多平台! ...
写在开头 点赞 + 收藏 学会 在前端开发中,我们通常会使用打包工具(如 Vite、Webpack)将 JS/CSS 等资源构建上线,并配合 CDN、浏览器缓存来加速访问。但问题也随之而来: “我已经发布新版本了,怎么用户还看到旧界面?” “为啥修复的 bug 还在?” 原因 ...
UniApp 实现 App 连接低功耗蓝牙(BLE)通讯 手头上有一个 uniapp 实现低功耗蓝牙通讯设备的项目,本来 Android 版本没问题已经上线,到了发布测试 iOS 出问题了,连接上了设备但是通讯失败,排查了下才发现是协议通讯中有包含六位 ID,也就是设备的 MAC 地址,因为设 ...
vue vxe-print 打印设置边距、页头页尾高度样式 官网:https://vxeui.com github:https://github.com/x-extends/vxe-pc-ui gitee:https://gitee.com/x-extends/vxe-pc-ui 设置边距 通过设置 ...
<template> <div> <div ref="barChart" style="width: 800px; height: 600px;"></div> </div> </template> <script> import * as echarts from 'echarts'; impor ...
Vue 3中的ref和template refs详解 在Vue 3中,ref和模板引用(template refs)是两个相关但不同的概念,它们在组合式API(Composition API)中扮演着重要角色。 ref - 响应式引用 ref是Vue 3中创建响应式数据的主要方式之一。 基本用法 i ...
写在开头 点赞 + 收藏 学会 需求描述 在某些情况下,同一个域名下,要布置多个子项目 比如公司没钱,资源紧张,域名少,域名临时没有申请下来,不够用等 或者主项目下,要有其他子项目的时候 这个时候,我们需要把子项目给做相应的修改 同时,nginx做对应的修改,才能实现文章标题 ...
vxe-table 实现行与列反转,翻转表格行与列数据显示 查看官网:https://vxetable.cn gitbub:https://github.com/x-extends/vxe-table gitee:https://gitee.com/x-extends/vxe-table 反转表格, ...