2024-01-25vue3 element plus组件库，element plus 下拉菜单点击或移入hover会出现黑边框，dropdown下拉菜单移入或点击出现围绕的黑边如何解决，vue3 element el-dropdown周围出现黑边框，element el-dropdown-menu组件鼠标移入时出现黑边框怎么解决，vue3 element plus Dropdown下拉菜单有黑边，element-plus中的dropdown下拉菜单点击或聚焦时会出现黑色外边框，使用element-plus中的下拉菜单，当鼠标

https://www.qianduange.cn//article/312.html 分类：前端知识

2024-01-25在大屏可视化应用中，滚动动效（跑马灯效果）也是常见的一种数据展现方式，本章节针对字幕滚动和列表滚动效果做一个小小的总结，结合vue框架，从原生标签、css动画、javascript三个维度简单阐述以下文字及列表滚动动效的实现方案。..._滚动效果

https://www.qianduange.cn//article/291.html 分类：前端知识

2024-01-25CSS3DSprite精灵模型面向摄像机，场景缩放时，缩小放大跟随着，会被模型遮挡，可以被射线拾取。CSS3DRenderer用于通过CSS3的transform属性， 将层级的3D变换应用到DOM元素上。如果你希望不借助基于canvas的渲染来在你的网站上应用3D变换，那么这一渲染器十分有趣。同时，它也可以将DOM元素与WebGL的内容相结合。在添加标注前需要先给模型命名。_css3dsprite

https://www.qianduange.cn//article/290.html 分类：前端知识

2024-01-25通过内联样式写css变量（可以调用js里面的变量），如何在style标签里面就可以使用css变量。这么写在 scss 是会编译报错的。建议写成第二种这种计算属性的方式，当值发生改变，也可以响应变化。直接在style标签里面使用v-bind绑定js里面的变量。会将双引号自动去掉，从而得到。，解决了编译失败的问题。_vue3setup中使用scss变量

https://www.qianduange.cn//article/283.html 分类：前端知识

2024-01-25生命周期：1）又称：生命周期回调函数、生命周期函数、生命周期钩子。2）含义：vue在关键时刻帮助我们调用一些特殊名称的函数。3）生命周期函数的名字不可更改，但函数的具体内容是程序员根据需求编写的。4）生命周期函数中的this指向是 vm 或 组件实例对象。常用的生命周期钩子：1）mounted：发送ajax请求、启动定时器、绑定自定义事件、订阅消息等(初始化操作)2）beforeDestroy：清除定时器、绑定自定义事件、取消订阅消息等(收尾工作)_任意写出vue中的三个生命周期

https://www.qianduange.cn//article/272.html 分类：前端知识

2024-01-252、使用defineEmits会返回一个方法，使用一个变量emits(变量名随意)去接收。3、通过子组件事件修改变量值，同时将值传递给父组件，对父组件的变量进行赋值。3、在子组件要触发的方法中，调用emits并传入发射给父组件的方法以及参数。1、在子组件中调用defineEmits并定义要发射给父组件的方法。以下代码和内容的使用都是在vue3的setup中，未使用TS。2、在子组件中定义 1和-1方法，以及一个变量。1、在父组件中定义一个变量。_defineemits

https://www.qianduange.cn//article/271.html 分类：前端知识

2024-01-25安装webpack-cli：npm install --g webpack-cli。⑧选择存放配置，此处建议选择第二个，存放到package.json中，回车即可。此处建议选择默认配置，即直接回车即可。npm install vue -g // -g为全局安装。⑦选择什么时候进行代码校验，此处建议选择第一个，回车即可。④选择vue版本号，这里我选择2.x，回车键继续。③根据自己的需求选择，按空格键选择，回车键继续。⑤这里我选择否，输入： n，回车继续。⑨选择是否保存本次配置。_安装vue

https://www.qianduange.cn//article/263.html 分类：前端知识

2024-01-25通过这个项目，你不仅可以学习如何使用 JavaScript 来实现一个小游戏，还可以熟练学习js操作dom、数据的常用方法、定时器setInterval、css样式、事件监听器以及实现需求的逻辑思维等等知识，对前面学习的一些理论知识进行了实践，相信你跟着一套教程下来会对前面学习到的知识有更深的理解。后续我们这个前端专栏还会讲述ES6、垃圾回收、js算法技巧、vue入门实战、React实战、前端面试题。_js写贪吃蛇

https://www.qianduange.cn//article/262.html 分类：前端知识

2024-01-24vue Echarts监控大屏实例十三：网络态势感知监控模板实例下，本实例通过vue-Echarts实现了网络态势感知监控模板实例界面，学习并使用了vue-echarts的使用，接入高德地图并展示，添加了全屏切换及退出等相关功能，提供源码及开发文档下载。......_态势感知平台的前端vue

https://www.qianduange.cn//article/238.html 分类：前端知识

2024-01-24项目中很多模块经常会复用：侧边导航组件、分页、文件下载、项目中常用的 echarts图表的封装（比如折线图、柱状图等），或者一些后台管理、菜单管理中很多可复用组件，表单之类的。能够把页面抽象成多个相对独立的模块，解决了我们传统项目开发：效率低、难维护、复用性低等问题。一般在搭建项目的时候，会创建一个views目录、一个commen目录和一个feature目录。用vue开发的项目，都是采用组件化的思想开发的。3. event自定义事件。2. slot定制插槽。1. props参数。_vue公共组件的封装

https://www.qianduange.cn//article/235.html 分类：前端知识