全局 环境 项目vue
vue3 + ts + vite 封装 request
npm i axios 目录 request.ts (直接复制可用) import axios from "axios"; import { showMessage } from "./status"; // 引入状态码文件 import { ElMessage } from "element-pl ......
vue3 获取asset文件夹下所有资源文件列表
import path from "path"; const getLayerBgs = function () { const imgs: any = []; // 获取所有背景图层 //读取文件的路径 是否遍历文件的子目录 匹配文件正则表达式 const files = require.cont ......
vue3自定义指令实现el-select下拉加载更多
1. 新建js文件 export default (app) => { app.directive('loadmore', { beforeMount(el, binding) { const element = el.querySelector('.t-select__dropdown'); el ......
Django Rest Framework(DRF) + Vue + ElementPlus搭建Blog例子代码
重新用Django Rest Framework(DRF),Vue3、Pinia、Element-Plus、Axios重新改写了前面的Blog的例子. 代码放在Github上了https://github.com/magicduan/django-drf-vue/releases 这里终结一下这次改 ......
idea 上传项目到gitee
1、创建一个本地仓库 2、选择上传项目作为仓库目录 3、将项目添加到缓冲区 选中上传项目-->鼠标右键-->Git-->Add https://blog.csdn.net/m0_67677436/article/details/124676742 ......
用Leangoo项目管理工具做阶段式硬件开发项目管理场景
用Leangoo项目管理工具做阶段式硬件开发项目管理,本场景是阶段式硬件产品研发,适用于采用V模型或IPD、阶段模式开展工业产品或硬件产品研发的场景。 ......
Vue2.0和3.0区别
一、项目初始化 2.0初始化,vue init <模板名称(webpack比较常用)> [项目名称] vue init webpack cli2-test 3.0初始化,vue create [项目名称] vue create cli3-test 二、目录结构对比 2.0目录结构 3.0目录结构 3 ......
一文搞懂 Promise 新 Api allSettled 的用法和 all 区别,以及如何在不支持新特性的环境下实现一个 Polyfill
开始 一文搞懂 Promise 新 Api allSettled 的用法和 all 区别,以及如何在不支持新特性的环境下实现一个 Polyfill allSettled 的用法 const runAllSettled = async () => { const successPromise = Pr ......
Vue2.0版本升级到vue3.0
vue版本的升级主要步骤: 一、首先需要卸载你之前的vue2.0版本 输入cmd–>回车–>进入dos界面输入命令查询vue的版本: vue -V or vue -Version 输入命令卸载目前vue版本: npm uninstall -g vue-cli 再输入vue版本查询命令,提示“不是可执 ......
新建hardhat项目
//初始化项目,一直回车即可yarn init//新增包之类的yarn add --dev hardhat//一直回车就行,初始化yarn hardhat //如果hardhat.config.js文件不在当前文件夹下yarn hardhat --verbose //该命令会帮助你找到错误的文件,然 ......
Java项目静态资源映射的几种方式
一、Springboot 1、webjars方式 我们之前使用Maven构建一个Web项目时,在main目录下会存在一个webapp的目录,我们以前都是将所有的页面或静态资源导在这个目录下,但现在使用SpringBoot项目我们应该将静态资源文件放在哪里呢? SpringBoot对于静态资源放置的位 ......
Vue插件图片预览hevue-img-preview
安装 # 安装 npm install hevue-img-preview --save # main.js 引入 import hevueImgPreview from 'hevue-img-preview' Vue.use(hevueImgPreview) # 使用 #//给任意对象添加任意事件 ......
vue 好用的日期组件
1、官网 https://hxkj.vip/calendar/#/disabled-date 2、记录下自己的使用 (1)效果图 (2)页面部分 点击查看代码 <div class="data_popup"> <nut-popup position="bottom" v-model:visible= ......
自定义项目设置
自定义项目设置的方式有两种。 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 ......
当进入conda环境以后最好使用conda install来安装python包
如果您已经进入了一个conda环境,那么建议使用conda install来安装Python包。这是因为conda是Anaconda提供的软件包管理工具,它可以帮助您安装和管理您所需的软件包,同时保证这些软件包与您当前的conda环境兼容。 与此不同,pip是Python默认的包管理工具,它依赖于操 ......
老杜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显示列表中的多张本地照片
直播电商平台开发,vue显示列表中的多张本地照片 注意这里的路径不能使用{{this.id}}这种变量,且要使用require()函数并将路径断开 <div class="booksnew_card" v-for="(item,index) in bookList" :key="item.id"> ......
结合vue的transition使用,封装一个高度自适应的手风琴效果
<transition @before-enter="beforeEnter" @enter="enter" @after-enter="afterEnter" @before-leave="beforeLeave" @leave="leave" @after-leave="afterLeave"> ......
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 ......
用于大数据集群的Centos7虚拟机基础环境配置
用于大数据集群(自定义Hadoop和CDH6)的Centos7虚拟机基础环境配置 博客ID 2 安装一些通用的软件并配置,然后复制为多个虚拟机 下载 CentOS-7-x86_64-DVD-1908.iso http://ftp.iij.ad.jp/pub/linux/centos-vault/7. ......