happy-p

摘要： 获取祖先盒子的宽度,监听祖父元素的宽度，只有宽度变化时才重新挂载 ResizeObserver 是原生 JavaScript 提供的 API，用来监听一个 DOM 元素 尺寸的变化（宽度、高度）。 与 window.onresize 不同，它可以监听具体某个元素，而不仅仅是整个浏览器窗口。 data 阅读全文

摘要： 什么是 SSE（Server-Sent Events）？ SSE（服务器推送事件）是一种基于 HTTP 协议的单向通信技术，允许服务器向浏览器实时推送事件和数据。SSE 由 HTML5 引入，主要用于在客户端（浏览器）和服务器之间建立单向的数据流。 工作原理： 客户端通过向服务器发起一个特殊的 HT 阅读全文

摘要： 1.el-upload标签上传 <template> <div> <!-- el-upload 组件，用于上传文件 --> <el-upload ref="upload" :action="uploadUrl" :before-upload="beforeUpload" :on-change="ha 阅读全文

摘要： 1.创建地图容器，这里的地图是以组件的方式封装的（我使用的是高德地图） <!-- 地图组件 --> <div id="homeMapContainer"> <!-- 地图容器 --> <div id="homeMap"></div> </div> 地图散点数据 props:{ selectScatt 阅读全文

摘要： 项目需求：要求登录不同城市的账号适配不同的视频流 (1)进入页面判断哪个城市登录并监听 进入页面逻辑，通过videoBol判断视频流是否为flv created () { if(this.username() == '**'){ this.videoBol = true } }, 监听逻辑 crea 阅读全文

摘要： 1. 介绍 this.$nextTick this.$nextTick 是Vue.js提供的一个实例方法，它接收一个回调函数作为参数，该回调函数会在 Vue 实例更新 DOM 之后执行。它的主要目的是为了确保你在 DOM 更新之后，再进行一些操作，以避免出现操作过早导致的问题。 2. 工作原理 在V 阅读全文

摘要： 1.安装插件 yarn add pinia-plugin-persistedstate 2.引入插件 将插件导入文件pinia实例 import { createPinia } from 'pinia'; import piniaPluginPersistedstate from 'pinia-pl 阅读全文

摘要： 设置别名路径 创建jsconfig.json文件，配置@文件路径 { "compilerOptions": { "baseUrl": "./", "paths": { "@/*": [ "src/*" ] } } } 创建快捷模板 文件->首选项->配置用户代码片段 新建全局代码片段文件 取名即可（ 阅读全文

摘要： 使用vue第三方库 useIntersectionObserver 创建文件 directives/index.js 导入第三方库 import { useIntersectionObserver } from '@vueuse/core' export const lazyPlugin = { i 阅读全文

摘要： 在需要组件缓存的页面路由添加keep-alive属性 为true [{ path: 'text', component: () => import('@/views/text/index'), name: 'text', meta: { title: 'text', needRole: true, 阅读全文