前端技术
文章平均质量分 78
后端程序员,了解熟悉一点前端知识
Keven He
一个热爱技术的大数据开发者
展开
-
Vue之this.$router.push、replace、go的区别
一. this.$router.push说明:跳转到指定URL,向history栈添加一个新的记录,点击后退会返回至上一个页面 this.$router.replace({path: '/index'})二.this.$router.replace说明:跳转到指定URL,替换history栈中最后一个记录,点击后退会返回至上上一个页面使用方法和push相同。 this.$router.replace({path: '/index'})三.this.$router.go(n)说明:原创 2021-02-23 17:49:06 · 439 阅读 · 0 评论 -
ES6常用特性总结
ES6常用的特性总结:let&constlet类似于var,用来声明一个变量。var 声明的变量往往会有越域let声明的变量有严格局部作用域 var a = 1; let b = 2;//console.log(a); //1//console.log(b); //ReferenceError: b is not definedvar 可以声明多次,但let只能声明一次 var m = 1; var m = 2; let n = 3; let n = 4;//c原创 2021-01-21 18:53:38 · 646 阅读 · 0 评论 -
玩转ECharts制作图表之散点图
散点图适用于三维数据集,但其中只有两维需要比较。散点图ECharts基本构建代码结构准备x轴和y轴数据,二维数组[[身高,体重],[]…]将type的值设置为scatter,x轴和y轴的type都是value准备和处理json数据//准备数据 数据太多只拿出一部分var data = [{ "gender": "female", "height": 161.2, "weight": 51.原创 2020-11-12 19:24:06 · 5435 阅读 · 0 评论 -
玩转ECharts制作图表之折线图
折线图适合二维的大数据集,尤其是那些趋势比单个数据点更重要的场合markArea//标注空间 (xAxis的值要与xdata值中取出) markArea: { data: [ [{ xAxis: '1月' }, { xAxi.原创 2020-11-11 08:58:29 · 3814 阅读 · 0 评论 -
玩转ECharts制作图表之通用配置(title,tooltip,toolbox,legend)
在echarts中有很多类型的图表,如柱状图,折线图,雷达图,地图等等,尽管这些不同的图表中配置项有着一些不同的配置属性,但是图表中有一些通用的配置如title(标题),tooltip(提示框)等。title title: { text: '成绩展示', //1 文字样式 textStyle textStyle: { color: 'red' .原创 2020-11-11 08:37:22 · 2641 阅读 · 2 评论 -
玩转ECharts制作图表之柱状图
Echarts快速上手引入echarts.js文件<script src="js/echarts.min.js"></script>准备一个呈现图表的"盒子" <div id="main" style="width: 600px;height:400px;"></div>初始化echarts实例化对象var myChart = echarts.init(document.getElementById('main'))准备配置项原创 2020-11-11 08:22:31 · 7591 阅读 · 0 评论 -
Vue项目中使用Html+Css使div在页面中居中显示(水平+垂直)
今天突然想改一下自己写的项目中登录页面的样式,于是行动,在加入记住我按钮后,发现input输入框没有居中显示,于是把input 和其他的一些标签整合到一个div层中,但是整个div的样式要居中显示,于是乎找到一些修改的方法,以下内容:1)div使用绝对布局,设置margin:auto;并设置top、left、right、bottom的值相等即可,不一定要都是0。.main{ text-align: center; background-color: #fff; border-radius: 2原创 2020-11-04 23:53:24 · 21053 阅读 · 0 评论 -
localStorage和sessionStorage的使用和区别
localStorage只读的localStorage 属性允许你访问一个Document 源(origin)的对象 Storage;存储的数据将保存在浏览器会话中localStorage的键值对总是以字符串的形式进行存储。【例子】// 访问了当前域名下的本地localStorage对象,并通过setItem()方法增加了一个数据项localStorage.setItem("token", "123");//读取localStorage数据项let cat = localStorag原创 2020-11-04 12:13:06 · 372 阅读 · 0 评论 -
使用Swiper制作轮播图
Swiper是一款免费开源强大的触摸滑动插件Swiper官方文档移步于此在自己数据可视化项目中加入轮播图。简单使用:首先需要将插件加载,需要用到swiper-bundle.min.js和swiper-bundle.min.css文件,可以下载Swiper文件或者使用CDN加载加载swiper-bundle.min.css <link rel="stylesheet" href="./css/swiper-bundle.min.css">加载swiper-bund原创 2020-10-18 18:28:46 · 4672 阅读 · 4 评论 -
echarts饼图使用的一些总结
legendverticalhorizontal原创 2020-10-13 20:59:24 · 741 阅读 · 0 评论