06 2020 档案

摘要:渲染echarts时候,需要等DOM完全加载了在开始渲染,不然初始化时会显示不了地图 this.$nextTick(()=>{ that.chart = this.$echarts.init(document.querySelector('.china')); console.log('chart' 阅读全文
posted @ 2020-06-15 13:38 front-gl 阅读(523) 评论(0) 推荐(0) 编辑
摘要:myChart.setOption(option,true) 1. 问题:echart地图三级下钻地图在平移和缩放后,点击到省,由于中心点的偏移,省跑到容器以外的地方去了,导致新生成的地图看不见。 2. 解决方法:后来发现,是重新绘制图表的时候需要: myChart.setOption(option 阅读全文
posted @ 2020-06-15 13:34 front-gl 阅读(1345) 评论(0) 推荐(0) 编辑
摘要:最近在做个 vue 的项目,从各种 github 上的开源库上借鉴开发方法。 之前读过 PanJiaChen 的项目 vue-admin-template,发现项目里对 svg 的使用很巧妙,只要在 src/icons/svg文件夹下放入一个 svg 并引用组件SvgIcon就能使用 svg 图标。 阅读全文
posted @ 2020-06-11 10:24 front-gl 阅读(984) 评论(1) 推荐(0) 编辑
摘要:概述 历史上,JavaScript 一直没有模块(module)体系,无法将一个大程序拆分成互相依赖的小文件,再用简单的方法拼装起来。其他语言都有这项功能,比如 Ruby 的require、Python 的import,甚至就连 CSS 都有@import,但是 JavaScript 任何这方面的支 阅读全文
posted @ 2020-06-05 17:01 front-gl 阅读(823) 评论(0) 推荐(0) 编辑
摘要:表达式写法是: /^1\d{10}$/ 解析:^ 以开头,zhi\d表示数字,\d{dao}表示数字出现次,加上前面以开头,正好是个数字,X$表示以X结尾,这里用$表示后面没有了,个数字后已经是匹配字符串的结尾。 结果展示: 阅读全文
posted @ 2020-06-05 09:28 front-gl 阅读(3914) 评论(0) 推荐(0) 编辑
摘要:echarts中国地图例子:http://gallery.echartsjs.com/editor.html?c=effectScatter-map var data = [{ name: '郑州', value: 100 //扩散的大小 }, { name: '北京', value: 100 }, 阅读全文
posted @ 2020-06-03 11:12 front-gl 阅读(2435) 评论(0) 推荐(0) 编辑
摘要://触发图表行为(更改变图表显示的相关动态),例如图例开关legendToggleSelect, 数据区域缩放dataZoom,显示提示框showTip等等 //通过不同的type触发不同的行为 myChart.dispatchAction({ type: 'highlight', //高亮指定的数 阅读全文
posted @ 2020-06-02 16:27 front-gl 阅读(465) 评论(0) 推荐(0) 编辑
摘要:原文 1、简单介绍 基于webSocket通信的库主要有 socket.io,SockJS,这次用的是 SockJS。 2、前提 这里我们使用sockjs-client、stomjs这两个模块,要实现webSocket通信,需要后台配合,也使用相应的模块。 sockjs-client sockjs- 阅读全文
posted @ 2020-06-02 16:25 front-gl 阅读(4375) 评论(0) 推荐(0) 编辑
摘要:队列(Queue) 我们之前说到了栈,它是一种比较高效的数据结构,遵循 先入后出(LIFO,last-in-first-out) 的原则。而今天我们要讨论的队列,它也是一种特殊的列表,它与栈不同的是, 队列只能在队尾插入元素,在队首删除元素,就像我们平时排队买票一样~ 队列用于存储按顺序排列的数据, 阅读全文
posted @ 2020-06-02 16:23 front-gl 阅读(619) 评论(0) 推荐(0) 编辑
摘要:原文 话不多说,先上效果图。 要完成这个图并不难,主要是下面那个图例比较难,需要定制。 让我们从官方文档找找思路,官方文档关于legend.formatter是这样的:链接在这 难点在于: 1 2 3 1.这里的图例文本包含两个变量,而formatter提供的变量模板只有name 2.两个变量的样式 阅读全文
posted @ 2020-06-02 16:19 front-gl 阅读(10012) 评论(0) 推荐(0) 编辑
摘要:上次给大家分享的是用vue-cli快速搭建vue项目,虽然很省时间和精力,但想要真正搞明白,我们还需要对其原理一探究竟。 大家拿到一个项目,要快速上手,正确的思路是这样的: 首先,如果在项目有readme.md的情况下,大家要先读readme,项目的一些基本介绍,包括项目信息、运行的脚本、采用何种框 阅读全文
posted @ 2020-06-02 16:17 front-gl 阅读(982) 评论(0) 推荐(0) 编辑
摘要:原文地址:https://blog.csdn.net/qq_29918313/article/details/85059364 Vuex 注入 Vue 生命周期的过程:https://mp.weixin.qq.com/s/WnRMCArDMy-PiFLprmMmCg 一、首先,想谈一下什么时候使用v 阅读全文
posted @ 2020-06-02 16:14 front-gl 阅读(895) 评论(0) 推荐(0) 编辑
摘要:html: <transition name="slide-fade"> <div ref="treeWrap" class="orgBox" v-show="isShow" @mouseout="hideOrg" @mouseover="ShowOrgs"> <elTree :lazy="prop 阅读全文
posted @ 2020-06-02 15:05 front-gl 阅读(3616) 评论(0) 推荐(1) 编辑

点击右上角即可分享
微信分享提示