摘要：
项目 参考开发地址：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
木樨园
阅读(20)
评论(0)
推荐(0)
摘要：
引言 在数据可视化需求日益增长的当下，大屏开发凭借其直观、震撼的展示效果，广泛应用于企业数据监控、城市运营管理、展会展示等场景。Vue.js 以其灵活的组件化架构和高效的响应式特性，成为大屏开发的优选框架。然而，从布局适配、性能优化到交互实现，Vue 大屏开发面临诸多挑战。本文将通过项目实践、案例分 阅读全文
posted @ 2025-09-10 11:30
木樨园
阅读(67)
评论(0)
推荐(0)
摘要：
一、vue配置 1. 我是用vue-cli 搭建的，大屏项目复杂度不高，vue-router、vuex 、axios、sass 等都可以不用，vue、echarts就够用。 2. vue.config.js 配置就正常配，出口入口等基本配置我就不展示了，这两个配置项大屏还有点用。主要是我把每个图表都 阅读全文
posted @ 2025-09-10 11:16
木樨园
阅读(63)
评论(0)
推荐(0)
摘要：
vue实现拖拽 方法一： 函数封装拖拽脚本 js脚本 export function dragBox (drag, wrap) { function getCss (ele, prop) { return parseInt(window.getComputedStyle(ele)[prop]) } 阅读全文
posted @ 2025-09-10 10:58
木樨园
阅读(10)
评论(0)
推荐(0)
摘要：
1文件结构 2.重点文件夹中的文件代码以及作用 ① 根目录中systemConfig文件夹中的main.js文件 /** *作用：作为项目中的配置文件，放了websocket连接的url，用户名（admin），密码（123456） *项目中基础API等一些配置参数 * */ /* eslint-di 阅读全文
posted @ 2025-09-10 10:44
木樨园
阅读(48)
评论(0)
推荐(0)
摘要：
1.新建rem.js文件 // rem等比适配配置文件 // 基准大小 const baseSize = 16 // 设置 rem 函数 function setRem () { // 当前页面屏幕分辨率相对于 1920宽的缩放比例，可根据自己需要修改 const scale = document. 阅读全文
posted @ 2025-09-10 10:40
木樨园
阅读(15)
评论(0)
推荐(0)
摘要：
CORS（Cross-origin resource sharing） “跨域资源共享” 在出现CORS标准之前， 我们还只能通过jsonp（jsonp跨域请求详解）的形式去向“跨源”服务器去发送 XMLHttpRequest 请求，这种方式吃力不讨好，在请求方与接收方都需要做处理，而且请求的方式仅 阅读全文
posted @ 2025-09-10 09:53
木樨园
阅读(36)
评论(0)
推荐(0)
摘要：
一、认识跨域 1、同源 符合”协议+域名+端口”三者相同，就是同源 2、同源策略 同源策略，其初衷是为了浏览器的安全性，通过以下三种限制，保证浏览器不易受到XSS、CSFR等攻击。 Cookie、LocalStorage 和 IndexDB 无法读取 DOM 和 Js对象无法获得 AJAX 请求不能 阅读全文
posted @ 2025-09-10 09:33
木樨园
阅读(123)
评论(0)
推荐(0)
浙公网安备 33010602011771号