- 博客(12)
- 收藏
- 关注
原创 Vue项目中Echarts实例化的时候如何共用一个js对象
1.近期在一个项目的开发中,在同一个页面需要创建多个echarts示例(类型相同,都是折线图),所以就想着创建一个js文件export default { title: { text: '' }, legend: { }, tooltip: { trigger: 'axis', axisPointer: { type: 'cross', label: { backgroundColor: '#283b56' }
2020-10-30 10:56:34 486 1
原创 JS动态给变量取名字
在前端开发中,经常会保存一些后端返回的数据,但是有时候我们需要将后端返回的某个字段当成变量名的时候,问题就来了,解决方法如下:方法:通过eval(在vue项目中使用该字段,会报错,不安全)通过数组,将下标当成变量名(不可取,当返回的字段不是数字,或者非常大的时候,会出错或占用大量的内存空间)将字段存入事先定义好的JSON对象中,键名为对象的值。// 假设后端返回的数据字段为:qwe1234let filed = 'qwe1234'let testObj = {}testObj[filed
2020-10-29 17:25:30 1181
原创 SpringDataMongo连接MongoDB基础用法
1.导入maven依赖<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-data-mongodb</artifactId></dependency>2.配置ymlspring: application: name: mongo data: mongodb: #
2020-10-28 23:13:59 637
原创 Spring Data Jpa简单入门体验
1.导入依赖<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-data-jpa</artifactId></dependency><dependency> <groupId>mysql</groupId&
2020-10-24 16:52:57 78
原创 RestTemplate简单使用方法
import org.springframework.http.HttpEntity;import org.springframework.http.HttpHeaders;import org.springframework.http.ResponseEntity;import org.springframework.util.LinkedMultiValueMap;import org.springframework.util.MultiValueMap;import org.springfr
2020-10-23 14:16:11 925
原创 Mysql基础复习(附MySQL PDF书籍)
SQL语句的顺序 SELECT DISTINCT <select_list> 聚合函数(select_column) FROM <left_table> JOIN <right_table> ON <join_condition> (关联条件) WHERE <where_condition> (过滤条件) GROUP BY <group_by_list>
2020-09-20 11:07:28 298
原创 Java基础复习笔记(附黑马学习视频地址)
Java的内存需要划分成为5个部分:1.栈(Stack):存放的都是方法中的局部变量。方法的运行一定要在栈当中运行。 局部变量:方法的参数,或者是方法{}内部的变量 作用域:—旦超出作用域,立刻从栈内存当中消失。2.堆(Heap):凡是new出来的东西,都在堆当中。 堆内存里面的东西都有一个地址值:16进制 堆内存里面的数据,都有默认值。规则: 如果是整数 默认为0 如果是浮点数 默认为0.0 如果是字符
2020-09-19 17:31:03 790
原创 关于Echarts重新计算大小(resize)后,图标位置乱跑的问题
Echarts图标resize后,位置仍存在问题最近做项目的时候用到的Echarts图标,当浏览器窗口发生变化后,图表resize后会出现位置乱跑的情况(个人猜测可能是因为浏览器没有反应过来)。为了解决这个问题,可以在windows监听事件中设置一个定时器,延迟调用resize方法。代码如下:window.addEventListener('resize', function() { setTimeout(() => { this.chart.resize()
2020-08-21 16:47:47 1973
原创 ECharts饼状图legend显示Value所占百分比
ECharts饼状图legend显示Value所占百分比此项目基于Vue最近写项目碰到一个需求,需要在legend区域显示Value值所占比例,如下图所示。在查询官方文档的时候,虽然提供了格式化图例文本的回调函数:// 使用字符串模板,模板变量为图例名称 {name}formatter: 'Legend {name}'// 使用回调函数formatter: function (name) { return 'Legend ' + name;}但是此函数只能对name进行格式化
2020-08-19 23:41:11 16535 2
原创 Flex布局笔记
Flex布局1.布局原理采用 Flex 布局的元素,称为 Flex 容器(flex container),简称"容器"。它的所有子元素自动成为容器成员,称为Flex 项目(flex item),简称"项目"。当我们为父盒子设为 flex 布局以后,子元素的float、clear和 vertical-align属性将失效。伸缩布局 = 弹性布局 = 伸缩盒布局 = 弹性盒布局=flex布局总结flex布局原理: 就是通过给父盒子添加flex属性,来控制子盒子的位置和排列方式2. flex布局父
2020-08-14 17:43:07 277
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人