效果echarts项目vue
自定义项目设置
自定义项目设置的方式有两种。 1.继承UObject； 2.继承UDeveloperSettings；这个用起来更方便 @UDeveloperSettings方法 在创建C++类时选择全部类型，选择继承UDeveloperSettings UCLASS中的config字段是配置文件的分类，可以用一个 ......
vue循环遍历出来的表单输入框 如何做校验？
有多种输入框，下拉框等循环出来，红字部分是关键 <el-form ref="form" :model="submitForm" label-width="120px" @keyup.enter.native="adjust" @submit.native.prevent > <el-card sha ......
在vue中使用websocket
封装 根据项目的目录结构，在相应的文件夹下创建一个js文件，用来封装一个websocket类，假如项目中用到js的地方很多，最好把文件放在全局公共文件夹中； export class WS{ constructor(config) { this.ws = null; this.url = null; ......
vue 使用腾讯云 cos存储 上传
参考文档：https://blog.csdn.net/qq_34170840/article/details/124520388 1、页面部分 点击查看代码 <input ref="fileRef" title="" type='file' name="file" multiple class="f ......
动力节点老杜Vue框架教程【五】Vuex
Vue.js是一个渐进式 MVVM 框架，目前被广泛使用，也成为前端中最火爆的框架 Vue可以按照实际需要逐步进阶使用更多特性，也是前端的必备技能 动力节点老杜的Vue2+3全家桶教程已经上线咯！ 学习地址：https://www.bilibili.com/video/BV17h41137i4/ 视 ......
Vue对象数据收集依赖具体流程
每一个属性都有一个dep对象,然后这个属性是被观察者,在同一个组件里面,每一个属性都对应到一个统一的watcher,这个watcher就是观察者,如果属性发生了改变,那么这个watcher就会调用get方法去重新渲染虚拟dom替换老的dom .这就是观察者模式 详细解释:在渲染的时候,每一个元素 ......
vue 树形结构展示
1、效果图 2、代码 子组件 点击查看代码 <template> <div id="tree"> <div class="checkThem" > <div v-for="item in treeList" :key="item.id"> <!-- 一级的 --> <div class="check ......
老杜Vue实战教程完整版笔记（5）Vuex
接上篇文章，分享动力节点老杜全新版Vue教程笔记 学习の地止：https://www.bilibili.com/video/BV17h41137i4 5 Vuex 5.1 vuex概述 vuex是实现数据集中式状态管理的插件。数据由vuex统一管理。其它组件都去使用vuex中的数据。只要有其中一个组 ......
老杜2023最新Vue实战精讲（五）Vuex
动力节点老杜全新版Vue教程笔记分享给大家 学习の地止：https://www.bilibili.com/video/BV17h41137i4 视频教程从Vue2开始讲解，一步一个案例，知识点由浅入深，然后很自然的过度到Vue3版本。Vue3是目前企业中使用最多的一个版本。 视频中会把每一个Vue的 ......
CLion远程调试CMake项目
cmake项目的远程调试。 CLion安装在本地Windows系统，cmake项目部署在远程的Linux系统。配置远程调试可以比较方便地进行Linux端的cmake项目开发。 点击setting。 主要配置这三个： Toolchains 点击+号，添加Remote Host。然后先点击Credent ......
结合vue的transition使用，封装一个高度自适应的手风琴效果
<transition @before-enter="beforeEnter" @enter="enter" @after-enter="afterEnter" @before-leave="beforeLeave" @leave="leave" @after-leave="afterLeave"> ......
直播电商平台开发，vue显示列表中的多张本地照片
直播电商平台开发，vue显示列表中的多张本地照片 注意这里的路径不能使用{{this.id}}这种变量，且要使用require（）函数并将路径断开 <div class="booksnew_card" v-for="(item,index) in bookList" :key="item.id"> ......
Maven指令打包SpringBoot项目提示没有主清单文件
Maven指令打包SpringBoot项目提示没有主清单文件 原文链接：https://blog.csdn.net/greedystar/article/details/86068314 项目打包为Jar后，通过java -jar xxxxx.jar运行时提示xxxxx.jar中没有主清单属性，如下 ......
在我的mac mini上安装好maven后再次创建项目遇到同样的问题，再次记录一下
默认生成的maven 项目，使用mvn archetype:generate 按照提示生成的项目， 使用mvn compile编译过后，mvn package，因为已经有jar的plugin了，java -jar target/projct1.jar出现找不到主类， 此时要配置pom.xml里面的m ......
springboot项目出现”java: 错误: 无效的源发行版：17“问题解决方案
下面是报错页面 问题解析 在我个人遇到此问题的情况下，出现此错误的原因是springboot的版本与java版本不一致 在spring3更新后，idea在创建springboot项目时会默认选择spring3，哪怕你选择的是java8的版本 idea默认选择spring3 在你以java8创建spr ......
父元素设置相对定位和overflow:hidden会清除子元素绝对定位的脱离文档流效果
当父元素同时设置相对定位和overflow:hidden时会使得子元素的绝对定位的脱离文档流效果失效。 原因：绝对定位会根据最近的设置了绝对定位或相对定位的祖先元素进行定位，绝对定位会使得元素脱离文档流，但这里overflow:hidden会消除脱离文档流的效果，导致了son在设置了绝对定位后依然被 ......
将IDEA MAVEN项目打包成jar包的通用方法
将IDEA MAVEN项目打包成jar包的通用方法 原文链接：https://blog.csdn.net/qq_56964962/article/details/125524002 1.找到左上角File -> Project Structure，点击（中文：文件 -> 项目结构） 2. 在弹出的界 ......
收集项目中用到的工具函数
工具函数 收集项目中常用的工具函数，以备后用，使用 TS 编写。 ## 1. 时间格式化 /** * 格式化时间格式 * @param {*} value 传入时间（单位秒） * @returns 返回时间格式 XX 天 XX 小时 XX 分钟 XX 秒 */ export const format ......
Vue3+typescript如何给元素添加一个Ctrl+s的事件，用于保存文件？
如下代码，建议用这个，e.keyCode 已经过时，后面都是用 e.key:string. onMounted(() => { window.addEventListener('keydown', (e) => { if (e.ctrlKey && e.key 's') { // 检查是否按下了 C ......
项目角色
项目经理、产品经理、开发团队、运营团队、测试团队都属于项目角色，在一个项目中，不同的角色其职责也是不同的，大家各司其责，完成好自己的本职工作。 项目经理 项目经理就是一个项目运营的管理者，从项目的筹划到项目进展到完工都得需要项目经理运筹帷幄。一般项目经理的工作经验比较丰富，有一定的能力胜任，在项目运 ......
ts文件可以操控vue文件里面的ref元素吗
ts文件可以操控vue文件里面的ref元素吗 export const fileInputElement = ref<null | HTMLElement>(null); 我在ts文件里获得fileInputElement 我能操控vue文件里ref为fileInputElement的元素吗 imp ......
echarts折线实心圆点、折线阴影
echarts作为我们前端小伙伴常用的可视化库，那我们画出有阴影的折线图，让折线图比较立体感。 可以使用折线图的 lineStyle 实现效果如图 代码如下： series: [ { data: [150, 230, 224, 218, 135, 147, 260], type: "line", s ......
【前端可视化】大屏scale适配vue3 hooks
useScalePage.js import { onMounted, onUnmounted } from 'vue'; import _ from 'lodash'; /** 大屏适配的 hooks */ export default function useScalePage(option) ......
在linux部署django项目，新手记录
ssh连接远程连接linux,上传django项目 安装python,mysql，Linux下安装Python虚拟环境Virtualenv 安装 nginx Ubuntu 20.04 上安装 Nginx uwsgi, 配置uwsgi Nginx在配置监听80端口不生效问题 nginx配置 nginx ......
控制台报错：[Vue warn]: Error in render: "TypeError: Cannot read properties of null (reading 'length')" found in
[Vue warn]: Error in render: "TypeError: Cannot read properties of null (reading 'length')" found in ... ......
辽宁省 Echarts 图
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>辽宁省地图</title> <script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.2.2/echarts.min.js" ......
vue el-table 指定列相同数据合并行展示
参考：https://www.ycmbcd.com/blog/html/16648550611992.html 1、效果 2、数据 [ { "date":"2016-05-02", "name":"王小虎", "address":"上海市普陀区金沙江路 1518 弄" }, { "date":"20 ......
关于为element Tree组件实现仿文件夹效果及右键菜单
<template> <div class="custom-tree-container" @contextmenu.native="handlePaste($event)"> <!-- <el-tree :data="dataSource" show-checkbox node-key="id" ......
Vue的生命周期的详解
Vue的生命周期 Vue的生命周期是每个使用Vue框架的前端人员都需要掌握的知识，以此作为记录。 Vue的生命周期就是vue实例从创建到销毁的全过程，也就是new Vue() 开始就是vue生命周期的开始。Vue 实例有⼀个完整的⽣命周期，也就是从开始创建、初始化数据、编译模版、挂载Dom -> 渲 ......
Vue3实现组件级基类的几种方法
Vue3的组件有三种代码组织方式 纯Option API （不含setup） option API + setup 纯 setup （即composition API） 对于这三种形式，设置基类的方法也略有不同。 使用 mixins、extends vue3提供了 mixins和extends，但是 ......