效果echarts项目vue
vue项目中引入echarts中国地图
最近项目中根据项目需求，展示中国地图 一、下载echarts插件（我这里使用的是 4.9.0 版本） npm install echarts@4.9.0 --save 二、在需要使用的页面引入echarts （这里是单独封装了地图组件） components/map.vue <template> < ......
docker-compose一键部署java开源项目
这一年干的很多事都是为了降低我的开源项目消息推送平台austin使用门槛。 如果想学Java项目的，强烈推荐我的开源项目消息推送平台Austin（8K stars） ，可以用作毕业设计，可以用作校招，可以看看生产环境是怎么推送消息的。开源项目消息推送平台austin仓库地址： 消息推送平台🔥推送下 ......
vue2源码-十四、computed和watch的区别
computed和watch的区别 computed 和watch的相同点。底层都会创建一个 watcher（用法的区别：computed 定义的属性可以在模板中使用，watch 不能在视图中使用） computed 默认不会执行 只有取值的时候才会执行 内部会维护一个 dirty 属性，来控制依赖 ......
vue关于请求消息没问题但是还是进入catch块（已解决）
第一次使用vue中的拦截器，一开始是在拦截器的逻辑代码上有问题（也有可能没问题），然后请求和响应都是没问题的，但是请求之后就是不跳转，然后发现是设置了拦截器的问题，折磨了下拦截器保证了代码能够顺利运行到resolve，但是发现即便是resolve后回到原本的代码中，代码还是运行到catch块中去。因 ......
Vue关于beforeRouteEnter以及beforeRouteLeave函数的运用
先上代码 beforeRouteEnter:(to,from,next)=>{ console.log("进入路由之前") next(vm =>{ vm.getData(); }); }, beforeRouteLeave:(to,from,next)=>{ console.log("进入路由之后" ......
斯坦福 UE4 C++ ActionRoguelike游戏实例教程 15.创建持续效果BUFF
本篇文章对应Lecture 18 – Creating _Buffs_, World Interaction， 71、72节。将会基于之前实现的SurAction能力系统，教你如何定义和创建拥有持续效果的BUFF，例如许多游戏常见的灼烧、中毒效果。 ......
spring boot 项目启动时多种方式指定 profile的环境
spring boot 项目启动时多种方式指定 profile的环境 其实就是指定：--spring.profiles.active=dev 方式一：启动 java 包 时指定： java -jar -Xms256m -Xmx256m ./target/$(APP_NAME)-0.0.1-SNAPS ......
Echarts
官网：https://echarts.apache.org/examples/zh/index.html#chart-type-bar 1、Echarts中饼图的使用（附：formatter中{d}百分比位数修改） 例如： label: { position: 'inside', formatter ......
vue3+jointjs demo
下面是使用Vue3和JointJS添加元素的示例代码： 1. 安装JointJS ```terminal npm install jointjs --save ``` 2. 创建JointJS图形 ```javascript import { ref, onMounted } from 'vue'; ......
vue全屏
<template> <div> <img src="../assets/fangda.png" @click="toggleFullscreen" /> </div> </template> <script> export default { methods: { toggleFullscreen ......
Vue笔记汇总
Vue3快速上手 1.Vue3简介 2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王） 耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者 github上的tags地址：https://github.com/vuejs/vue-next/re ......
Vue.js 目录
##Vue.js 大致介绍Vue官网 ##Vue.js 搭建Vue开发环境（p4~p6） ##Vue.js 模板语法 ##Vue.js 数据绑定 ##Vue.js el与data的两种写法 ##Vue.js 理解MVVM ##Vue.js 数据代理-回顾Object.defineProperty方法 ......
Vue3 Vue3中其他的改变
视频 六、其他 1.全局API的转移 Vue 2.x 有许多全局 API 和配置。 例如：注册全局组件、注册全局指令等。 //注册全局组件 Vue.component('MyButton', { data: () => ({ count: 0 }), template: '<button @clic ......
Vue2和ElementUI编写的无限级菜单路由
Vue2和ElementUI编写的无限级菜单路由 文章转载自：www.javaman.cn <template> <div> <el-menu :default-active="$route.path" class="el-menu-vertical-demo" :collapse="isColla ......
ai问答：使用 Vue3 组合式API 和 TS 配置 axios 拦截器 http错误状态
配置 axios 拦截器和http错误状态，可以避免在每个请求方法中都添加冗余的错误处理逻辑，这是拦截器的优势之一 ......
Django项目如何配置日志文件信息
1、以dict的方式配置在settings.py中 # 日志文件简单配置 ''' LOGGING = { "version": 1, "disable_existing_loggers": False, "handlers": { "file": { "level": "DEBUG", "class ......
vue项目适配屏幕分辨率与屏幕的缩放
现在很多14寸的笔记本，出厂默认就是150%的显示。导致很多时候我们的项目，自己开发的时候都是按照100%比例来开发的，上线了就会发现这个问题 vue项目utils下新建devicePixelRatio.js文件 class DevicePixelRatio { constructor() { // ......
动力节点老杜Vue框架教程【一】Vue程序初体验
Vue.js是一个渐进式 MVVM 框架，目前被广泛使用，也成为前端中最火爆的框架 Vue可以按照实际需要逐步进阶使用更多特性，也是前端的必备技能 动力节点老杜的Vue2+3全家桶教程已经上线咯！ 学习地址：https://www.bilibili.com/video/BV17h41137i4/ 视 ......
vue 项目依赖安装失败解决方案
今天电脑新装了个node.js以及VS Code,找了一个之前的vue项目在上面运行了一下。 使用 npm install 有一部分依赖一直安装不上，输入 npm run server 一直提示 vue-cli 报错，试了下面的方式还是不行。 一、使用淘宝镜像安装依赖：1.安装cnpm npm in ......
鼠标绘制实现画画效果
话不多说直接解释一下： 制作流程 首先我们需要用射线来判断 和需要一个线组件 和材质球 才给每次创建的空物体 赋值 然后需要一个list数组 来接收我们每次创建的物体 这个很关系 可以制作成 删除画面内容 形成原理：个人 理解 ： 按钮按下一次 创建出一个物体给线组件然后我们添加到list中 然后给 ......
可视化大屏：mapbox+vue全攻略
如题图，mapbox是一个支持真3D地形展示的webGIS框架，与常用的Leaflet、Cesium和Openlayers并称四大框架，本文将介绍mapbox-gl js 在 vue 中的用法。 为什么要用 mapbox ? 各位可以自行搜索上面提到的或者其他的webGIS框架或者集成服务商，可以很 ......
ai问答：使用 Vue3 组合式API 和 TS 封装 websocket
这是一个使用 Vue3 组合式 API 和 TS 封装 websocket 的例子 那么，可以通过组件： 输入消息并点击发送按钮 触发 sendMessage 方法,通过 WebSocket 连接发送消息 接收来自 WebSocket 服务端的响应消息 监听 WebSocket 状态变化 impor ......
一个简单的 rust 项目 使用 bevy 引擎 复刻 Flappy Bird 小游戏
Rust + Bevy 实现的 Flappy Bird 游戏 简介 一个使用 bevy 引擎复刻的 Flappy Bird 经典小游戏。 通过该项目我们可以学到：bevy 的自定义组件，自定义插件，自定义资源，sprite 的旋转，sprite 的移动，sprite sheet 动画的定义使用，状态 ......
老杜Vue实战教程完整版笔记（一）Vue程序初体验
Vue作为国内使用率最高，最火爆的前端框架 学习这门技术也越来越重要~ 动力节点老杜最新版Vue2+3教程已经上线！ 还是原来的配方，还是熟悉的味道 学习地址：https://www.bilibili.com/video/BV17h41137i4/ 1 Vue程序初体验 我们可以先不去了解Vue框架 ......
在项目中遇到的异常问题
Caused by: java.lang.IllegalStateException 产生原因: 在接口中使用的时候，没有添加相应的泛型，只需要在对应的接口添加相应的方向就可以了，如下： ......
dtcloud使用jquery和echarts
如何在dtcloud中构建前端页面，本文主要介绍在dtcloud中如何使用jquery和echarts等插件 dtcloud中内置了jquery和 Bootstrap的css样式，可以直接使用，并且dtcloud可以解析sass语法，方便大家编写样式，而echarts等文件需要单独加载引入 项目目录 ......
老杜2023最新Vue实战精讲（一）Vue程序初体验
动力节点老杜全新版Vue教程笔记分享给大家 学习の地止：https://www.bilibili.com/video/BV17h41137i4 视频教程从Vue2开始讲解，一步一个案例，知识点由浅入深，然后很自然的过度到Vue3版本。Vue3是目前企业中使用最多的一个版本。 视频中会把每一个Vue的 ......
springboot项目配置多个kafka
1.spring-kafka <dependency> <groupId>org.springframework.kafka</groupId> <artifactId>spring-kafka</artifactId> <version>1.3.5.RELEASE</version></depen ......