木樨园 - 博客园

2025年11月21日

摘要：三层数组，最后一曾数组，进行模糊匹配，匹配上的文字，字体颜色别的颜色高亮显示匹配文字， //arr：处理的数组数据 hightlightItem（arr）{ let _this = this; const query = this.searchValue.trim().toLowerCase(); 阅读全文

posted @ 2025-11-21 11:13 木樨园阅读(0) 评论(0) 推荐(0)

锚点定位

摘要： <div id="myId"></div> <script> let ids = "#myId"; if(ids){ const decoded = decodeURIComponent(ids); const ele = document.getElementById(decoded); if(e 阅读全文

posted @ 2025-11-21 10:55 木樨园阅读(1) 评论(0) 推荐(0)

获取iframe的内容高度

摘要： const iframe = document.getElementById('iframeId'); iframe.onload =function(){ try{ const doc = iframe.contentDocument||iframe.contentWindow.document; 阅读全文

posted @ 2025-11-21 10:41 木樨园阅读(1) 评论(0) 推荐(0)

2025年9月10日

大屏开发

摘要：项目参考开发地址：https://gitee.com/MTrun/vue-big-screen-plugin/tree/master/ src / utils / useDraw.ts import { ref } from 'vue' export default function useDra 阅读全文

posted @ 2025-09-10 11:53 木樨园阅读(32) 评论(0) 推荐(0)

Vue.js：大屏开发实战

摘要：引言在数据可视化需求日益增长的当下，大屏开发凭借其直观、震撼的展示效果，广泛应用于企业数据监控、城市运营管理、展会展示等场景。Vue.js 以其灵活的组件化架构和高效的响应式特性，成为大屏开发的优选框架。然而，从布局适配、性能优化到交互实现，Vue 大屏开发面临诸多挑战。本文将通过项目实践、案例分阅读全文

posted @ 2025-09-10 11:30 木樨园阅读(147) 评论(0) 推荐(0)

vue可视化大屏开发

摘要：一、vue配置 1. 我是用vue-cli 搭建的，大屏项目复杂度不高，vue-router、vuex 、axios、sass 等都可以不用，vue、echarts就够用。 2. vue.config.js 配置就正常配，出口入口等基本配置我就不展示了，这两个配置项大屏还有点用。主要是我把每个图表都阅读全文

posted @ 2025-09-10 11:16 木樨园阅读(175) 评论(0) 推荐(0)

vue实现拖拽功能

摘要： vue实现拖拽方法一：函数封装拖拽脚本 js脚本 export function dragBox (drag, wrap) { function getCss (ele, prop) { return parseInt(window.getComputedStyle(ele)[prop]) } 阅读全文

posted @ 2025-09-10 10:58 木樨园阅读(13) 评论(0) 推荐(0)

vue+websocket+Stomp组件实现前端长连接

摘要： 1文件结构 2.重点文件夹中的文件代码以及作用 ① 根目录中systemConfig文件夹中的main.js文件 /** *作用：作为项目中的配置文件，放了websocket连接的url，用户名（admin），密码（123456） *项目中基础API等一些配置参数 * */ /* eslint-di 阅读全文

posted @ 2025-09-10 10:44 木樨园阅读(82) 评论(0) 推荐(0)

关于vue在PC端，rem对不同屏幕进行适配

摘要： 1.新建rem.js文件 // rem等比适配配置文件 // 基准大小 const baseSize = 16 // 设置 rem 函数 function setRem () { // 当前页面屏幕分辨率相对于 1920宽的缩放比例，可根据自己需要修改 const scale = document. 阅读全文

posted @ 2025-09-10 10:40 木樨园阅读(35) 评论(0) 推荐(0)

跨域——CORS详解

摘要： CORS（Cross-origin resource sharing） “跨域资源共享” 在出现CORS标准之前，我们还只能通过jsonp（jsonp跨域请求详解）的形式去向“跨源”服务器去发送 XMLHttpRequest 请求，这种方式吃力不讨好，在请求方与接收方都需要做处理，而且请求的方式仅阅读全文

posted @ 2025-09-10 09:53 木樨园阅读(52) 评论(0) 推荐(0)