摘要:
项目 参考开发地址: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)