Vue.js论坛 今日: 0|主题: 240|排名: 13 

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 解构赋值是 JavaScript 中最受欢迎的特性之一，它让数据提取变得简洁优雅。但看似简单的语法糖下，隐藏着十个高频「陷阱」。本文结合代码示例与原理分析，带你逐一避坑！ 一、解构未定义对象：空值引发的致命错误 ❌ 典型错误 javascript const { name, age } = userData; ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 需求 首先列举一下需要拦截的行为，接下来我们逐个实现。 浏览器前进后退 标签页刷新和关闭 路由跳转 1、拦截浏览器前进后退 这里的实现是核心，涉及到大量 History API 的理解，如果不太了解可以先看一下这两个文章： 拦截浏览器后退方法附带独家干货知识点 浏览器的Hist ...

大家好，我是 Java陈序员。 在日常开发中，经常需要查询 IP 地址，检测 IP 信息，做一些网络连通性测试。 今天，给大家介绍一款开源好用的 IP 工具箱，帮助你轻松查询 IP 信息！ 关注微信公众号：【Java陈序员】，获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。 项目介绍 MyIP —— 一个好用且开源的全能 ...

使用 vxe-table 合并单元格、分组列头的详细用法 查看官网：https://vxetable.cn gitbub：https://github.com/x-extends/vxe-table gitee：https://gitee.com/x-extends/vxe-table 代码 通过设置 merge-cells={ row: 第几行开始, col: 第几列开始, rowspan: 合并多少行, colspan: 合并多少列 } 配置合并规则 <template> ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 你有没有在写前端的时候，突然迷糊了： 为啥这张图片能直接 src="https://xxx.jpg" 就能展示？ 为啥有时候图片是乱七八糟的一串 Base64？ 有的还整出来个 Blob，看不懂但好像很高级？ 有时还来个 ArrayBuffer，这又是哪位大哥？ 最离谱的是：我本地图片路径 ...

1、问题原因 用vuecli与vite创建的vue项目，默认是没有热部署更新的。而且查阅大量资料后仍然找不到解决方法 这个我认为是mac的m系列芯片的问题 为什么我会这么认为，因为相同的项目，node_moudules我都没有变过，再win系统中与mac系统同时运行，只有win系统是可以正常热部署的，mac就跟死了一样。这个问题真的是令人抓耳挠 ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 以下详细介绍 import.meta.glob 的使用： 1. 参数详解 import.meta.glob( pattern, // 匹配模式：字符串或字符串数组 { eager?: boolean, // 是否同步导入 import?: string | string[], // 指定导入的内容 query?: string｜Record<string, ...

vue 表格组件，记录 vxe-table grid 获取 rowIndex 行索引、列索引的详细说明 https://vxetable.cn 表格有 3 种索引机制： 行索引：rowIndex、$rowIndex、_rowIndex 列索引：columnIndex、$columnIndex、_columnIndex 不同的索引区别在于是否启用虚拟滚动，如果未启用虚拟滚动情况下，基本都相同的；如果启用虚拟滚动后，如 ...

大家好，我是 Java陈序员。 作为开发者，日常学习工作中，常常会记录一些常用的代码片段、脚本等，方便需要时复制粘贴使用。 然而，常常苦于没有一款好用的工具来管理这些琐碎而繁杂的代码。 今天，给大家介绍一个开源免费的跨平台代码片段管理工具，帮助你更好的收集、整理、展示、搜索代码片段。 关注微信公众号：【Java ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 在前端开发中，我们通常会使用打包工具（如 Vite、Webpack）将 JS/CSS 等资源构建上线，并配合 CDN、浏览器缓存来加速访问。但问题也随之而来： “我已经发布新版本了，怎么用户还看到旧界面？” “为啥修复的 bug 还在？” 原因很简单：用户浏览器缓存了旧的静态资源，没 ...

📱 UniApp 实现 App 连接低功耗蓝牙（BLE）通讯 手头上有一个 uniapp 实现低功耗蓝牙通讯设备的项目，本来 Android 版本没问题已经上线，到了发布测试 iOS 出问题了，连接上了设备但是通讯失败，排查了下才发现是协议通讯中有包含六位 ID，也就是设备的 MAC 地址，因为设备主要标识符通常是设备 MAC，Android 能直接获取， ...

vue vxe-print 打印设置边距、页头页尾高度样式 官网：https://vxeui.com github：https://github.com/x-extends/vxe-pc-ui gitee：https://gitee.com/x-extends/vxe-pc-ui 设置边距 通过设置 page-style.margin 设置打印的页面边距，设置为0 就可以去掉边距 <template> <div> <vxe-print ref="printRef" :page-sty ...

<template> <div> <div ref="barChart" style="width: 800px; height: 600px;"></div> </div> </template> <script> import * as echarts from 'echarts'; import iconA from '@/assets/mhImg/iconTest.png'; // import iconB from '@/assets/icons/icon-b.png'; // import iconC from '@/assets/icons/icon-c.pn ...

Vue 3中的ref和template refs详解 在Vue 3中，ref和模板引用（template refs）是两个相关但不同的概念，它们在组合式API（Composition API）中扮演着重要角色。 ref - 响应式引用 ref是Vue 3中创建响应式数据的主要方式之一。 基本用法 import { ref } from 'vue' // 创建一个响应式引用 const count = ref(0) // 访问或 ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 需求描述 在某些情况下，同一个域名下，要布置多个子项目 比如公司没钱，资源紧张，域名少，域名临时没有申请下来，不够用等 或者主项目下，要有其他子项目的时候 这个时候，我们需要把子项目给做相应的修改 同时，nginx做对应的修改，才能实现文章标题的需求功能 注意：主 ...

vxe-table 实现行与列反转，翻转表格行与列数据显示 查看官网：https://vxetable.cn gitbub：https://github.com/x-extends/vxe-table gitee：https://gitee.com/x-extends/vxe-table 反转表格，只需要将 columns 和 data 数据进行反转就可以实现 <template> <div> <vxe-grid class="reverse-table" v-bind="gridOp ...

Arco Design Pro 使用常见报错及解决方法 在执行 arco init <项目名称> 命令时遇到错误： 1. TypeError: Cannot read properties of undefined (reading 'question') 这是 arco-cli 工具在初始化项目时的一个已知问题。该错误通常是由于未正确加载 CLI 的基础配置，导致无法读取相关的 question 属性。 我尝试成功的一个解 ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 前言 随着移动设备的普及，扫码登录成为一种便捷且安全的用户身份验证方式。它不仅免去了用户输入账号密码的繁琐步骤，还能减少密码泄露的风险。在当今的前端开发中，扫码登录已经成为许多应用的标配功能。那么，作为一名前端开发者，该如何实现这一功能呢？本文将从技术原 ...

先看效果 黑块是障碍物，可以理解成游戏里的墙 白块是可走的路 点哪里走哪里，类似于游戏里的移动 在线演示 前言 本节采用BFS算法，没有涉及到一些更深层次的优化。 代码用的vue3+ts,单组件，复制粘贴即可运行，核心的代码就一个函数，可以用GPT转成其他语言并运行 鄙人没有从事这方面工作，纯属兴趣爱好，只能带大家看 ...

vxe-table 实现行分组增加对子集的数据统计 查看官网：https://vxetable.cn gitbub：https://github.com/x-extends/vxe-table gitee：https://gitee.com/x-extends/vxe-table 显示分组统计 通过 rowGroupConfig.showTotal 来开启分组统计，显示子集数量 <template> <div> <vxe-table show-overflow heig ...