1 2 3 4 5 ··· 19 下一页
摘要: 项目 参考开发地址: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)
摘要: 一、keep-alive 1.核心作用和使用场景 1.作用 缓存组件实例:避免重复销毁和创建,保留组件状态(如DOM结构、响应式数据、事件监听) 提升性能:适用于需要频繁切换但状态需保留的组件(如Tab页、表单填写页) 2.使用方式 <template> <keep-alive :include=" 阅读全文
posted @ 2025-09-08 13:41 木樨园 阅读(162) 评论(0) 推荐(0)
摘要: 1.vue的生命周期有哪些及每个生命周期做了什么? beforeCreate是new Vue()之后触发的第一个钩子,在当前阶段data、methods、computed以及watch上的数据和方法都不能被访问。 created在实例创建完成后发生,当前阶段已经完成了数据观测,也就是可以使用数据,更 阅读全文
posted @ 2025-09-08 11:55 木樨园 阅读(8) 评论(0) 推荐(0)
1 2 3 4 5 ··· 19 下一页