- 博客(5)
- 收藏
- 关注
RSS订阅原创 原生JS实现轮播图
原生代码实现轮播图,整理了两种样式的,一种是渐隐渐现式的,一种是左右滑动式的.第一种:渐隐渐现式的(类似于京东官网的轮播图)html代码:<body> <div id="box"> <div id="top"> <img src="img/1.bmp"/> <img src="img/2.bmp"/> <img src="img/3.jpg"/> <img src="img/4.jpg"/>
2020-12-17 15:49:54
274
1
原创 vue中使用three.js写全景图
粗暴一点,直接上代码:第一步:通过指令下载three.jsnpm install three -S第二步:在组件中引用import * as THREE from 'three'第三步:html部分<div id="container"></div>js部分<script> import * as THREE from 'three'; var camera; var renderer; var scene;
2020-12-05 14:27:20
915
2
原创 echarts中的图例换行并对齐
通过练习，我总结了三种方式，方式一和方式二只能实现换行，方式三不仅可实现换行，还可以实现对齐。方式一：legend: { x: 'right', bottom: '30', data: ['行业大类1', '行业大类2', '行业大类3', '\n','邮件营销', '联盟广告', '视频广告', '\n','百度', '谷歌', '必应'], },此种方法比较简单，在data中添加’\n’，可实现换行，但不会对齐，效果如下：方式二：legend: [{ x: 'left',
2020-11-14 16:27:15
12728
12
原创 数组对象按照特定的key进行排序
例如:将[{num:10},{num:14},{num:8}] 转换为[{num:14},{num:10},{num:8}]方法一:var arr = [{num:10},{num:14},{num:8}];function changeArr(arr){ var arr2 = []; //循环遍历,通过key拿到value,并将value放到arr2中 for(let i in arr){ arr2.push(arr[i].num); } //按照降序将arr2进行
2020-11-13 14:41:44
1792
1
原创 在vue脚手架中使用ECharts
1. npm安装ECharts在终端命令行中输入如下命令:npm install echarts --save2. 在main.js中全局引入ECharts// 引入echartsimport echarts from 'echarts'Vue.prototype.$echarts = echarts3.在eCharts.vue中<div id="myChart" :style="{ width: '500px', height: '500px' }"></div>
2020-11-11 14:58:33
804
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人