前端开发综合论坛 今日: 0|主题: 906|排名: 70 

开源地址：https://github.com/Montaro2017/vue-tag-view 背景 多标签页多用在中后台管理系统，能够让用户同时打开多个标签页，而且不会丢失之前填写的内容，操作起来会比较方便。虽然部分开源项目有多标签页的功能，但就体验来看，算不上特别好。 目标 可以通过router.push实现打开标签页 同一路由组件可以多开并且数据 ...

在 ES6 之前，JS 的多行字符串一直是开发难题，在处理多行字符串时，各种各样的方案都有~~ 在 JS 中，如果直接这样写多行字符串： const str1 = '第一行 第二行'; 那浏览器转过来就打脸，分分钟报错： Uncaught SyntaxError: Invalid or unexpected token ES5 多行字符串 以下多种方式都输出： 公众号： 前端路引 1、使 ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 前言 好久没有更文章咯，最近做一个中台系统的权限控制功能，由于路由权限和角色权限都简单，但是要做按钮权限有点麻烦，因为太多按钮了。其实我以前也做过这个功能，简单暴力做法就是每个按钮用自定义指令去判断是否有权限显示。但是重复代码也太多太多，并且维护性极差， ...

在ERP、MES、数据分析、财务报表等数字化应用场景中，表格控件是前端界面中不可或缺的组件。从类Excel交互，到大数据渲染、再到复杂报表展示，不同项目对表格的需求千差万别。 今天这篇文章，将为你详细解析三款国际知名的商业级前端表格解决方案：✅ Jspreadsheet✅ AG Grid✅ SpreadJS 它们各自擅长什么？ ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣   传统的下载方式如window.open()或<a>标签点击存在诸多痛点： 批量下载时浏览器会疯狂弹窗 HTTPS页面下载HTTP资源被拦截 今天分享的前端iframe批量下载方案，可以有效解决以上问题。 一、传统批量下载方案的局限性 传统的批量下载方式通常是循环创建 a 标签并触发 ...

vue vxe-tree 树组件加载大量节点数据，虚拟滚动的用法 查看官网：https://vxeui.com gitbub：https://github.com/x-extends/vxe-pc-ui gitee：https://gitee.com/x-extends/vxe-pc-ui 上万节点数据 当数据量达到上万时，通过数据双向绑定将会影响性能，可以通过调用 loadData 来加载数据 <template> <div> <vxe-but ...

近日，Stimulsoft 官方宣布其产品在“在线地图”功能方面进行了关键调整。自 2025.3.1 版本起，Stimulsoft Dashboards 新增支持 OpenStreetMap，用户在创建仪表板地图时可灵活选择地图服务提供商。 Stimulsoft Ultimate （原Stimulsoft Reports.Ultimate）是用于创建报表和仪表板的通用工具集。该产品包括用于Win ...

上篇文章说到了引导式访问组件，其中有个扩展功能是是否强制以及是否第一次进行引导访问，这时候有个 guideKey 可以作为根据判断，那么存储拿取的时候就用到唯一值了，然后就有了这篇文章介绍的几种姿势，有深入哦~ 背景 假设已经使用 guideKeyList 来记录已完成的引导步骤： let guideKeyList = uni.getStorageSync("guid ...

开发中经常会遇这样的需求：点击 A 元素的时候，需要触发 B 元素的事件，比如：点击一个 div 元素，然后触发 input:file 的 click 事件，用来选择文件上传。 click 方法 以上需求可通过元素的 click 方法触发： <style> .test2 { padding: 4px; margin-top: 12px; } </style> <input type="file" class="test1" ...

vxe-tree vue 树组件实现关键字搜索 查看官网：https://vxeui.com gitbub：https://github.com/x-extends/vxe-pc-ui gitee：https://gitee.com/x-extends/vxe-pc-ui 代码 实现方式通过输入框输入内容，对数据进行筛选过滤 <template> <div> <div> <vxe-input v-model="filterName" type="search" clearable @c ...

数据类型 基础类型: String、Number、Boolean、null、undefined、Symbol 存储在栈中，赋值变量和比较均为数据本身。 引用类型：Object、Array、Map、Function 存储在堆中，使用new创建，赋值变量和比较均是内存地址。 检测数据类型 1.typeof 基本数据类型 不能区分null，数组，对象，正则，因为返回的都是”object” type ...

题外话 在考察事件基础的时候，会经常被问及 click、mousedown、mouseup 它们三者执行的先后顺序是怎样的？ 如果平时没太注意，这细节可能就会忽略，毕竟很少会在同一个元素上面同时绑定这三个事件~~ 直接上示例： <div class="c">测试点击事件</div> <script> (() => { const c = document.querySelector('.c') ...

AG Grid成立于英国，致力于提供优秀的企业级数据表格及图表解决方案。 AG Grid及AG Charts是其两大主要的高性能企业级JavaScript数据表格及图表解决方案，被全球开发者广泛采用。广泛应用于金融、电信、制造等行业，支持 Angular、React、Vue 和纯 JavaScript 项目，拥有企业级的性能与功能深度，凭借其卓越的性能、丰富的 ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣   现代前端开发中，启用HTTPS本地环境越来越重要。本文将详细介绍如何在Vue项目中配置HTTPS开发服务器，使用mkcert工具生成可信证书，解决跨域问题并模拟真实生产环境。 为什么需要HTTPS本地开发？ 使用浏览器新特性（如地理位置API） 解决第三方登录（OAuth）的loca ...

vxe-upload vue 实现附件上传、手动批量上传附件的方式 查看官网：https://vxeui.com gitbub：https://github.com/x-extends/vxe-pc-ui gitee：https://gitee.com/x-extends/vxe-pc-ui 安装 npm install vxe-pc-ui@4.6.47 // ... import VxeUIAll from 'vxe-pc-ui' import 'vxe-pc-ui/lib/style.css' // ... createApp(Ap ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 效果图 瀑布流布局原理 瀑布流布局（Waterfall Layout）是一种等宽不等高的多列布局方式，视觉上元素像瀑布一样逐列填充。核心原理： 等宽多列：将容器划分为多个等宽的列。 动态填充：元素按顺序优先插入当前高度最短的列，保证布局紧凑。 基于 CSS Grid 的实现思路 CSS ...

如今 Vue 大行其道，大部分开发场景直接使用 @click 就实现了事件绑定，可能都没思索过 JS 中的事件性能优化。 事件委托原理 事件委托 其主要是利用了事件冒泡这个特性。 以点击事件 click 为例：将事件绑定在父元素上，点击子元素会通过冒泡的方式触发父元素的点击事件。这种绑定事件的方式，就称之为 事件委托，也称为 事 ...

uavInspection.js代码 /** * 无人机巡检 */ import * as mars3d from "mars3d" import * as Cesium from 'mars3d-cesium' import * as turf from "@turf/turf" import { getMap } from '@/components/mars3dMap/js/index.js' import { getHeightByLngLat } from '@/components/mars3dMap/js/utils.js' import GlowLineM ...

AG Grid成立于英国，致力于提供优秀的企业级数据表格及图表解决方案。 AG Grid及AG Charts是其两大主要的高性能企业级JavaScript数据表格及图表解决方案，被全球开发者广泛采用。凭借其卓越的性能、丰富的功能与高度可定制性，成为构建复杂数据驱动型应用的优选工具库。 近日，AG Grid Enterprise 34 正式发布，作为 2025 ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣  CSS Grid 布局（网格布局）是 CSS 中一种强大的二维布局系统，它彻底改变了我们构建网页布局的方式。与传统的布局方法（如浮动、定位或 Flexbox）相比，Grid 提供了更直观、更灵活的方式来创建复杂的网页布局。 一、Grid 布局的基本概念 1. 什么是 Grid 布局？ CSS G ...