liAnran

博客园 首页 新随笔 联系 订阅 管理

2020年9月14日 #

摘要: 为了控制鼠标悬浮显示不同的内容,我使用了formatter: 但是,发现之前的小圆点不见了: 解决办法是使用echarts的marker属性,标注出小圆点: 修改后的显示效果是: 代码: tooltip: { trigger: "item", formatter: (params)=> { retu 阅读全文
posted @ 2020-09-14 18:36 liAnran 阅读(4358) 评论(0) 推荐(0) 编辑

摘要: 需求: 地图下钻时,由最初比例,以数值最高的位置为中心,放大地图至1.5倍。 官方配置项: series-map. zoom Number 控制当前视角的缩放比例 series-map. scaleLimit Object 滚轮缩放的极限控制 series-map.scaleLimit. max n 阅读全文
posted @ 2020-09-14 18:20 liAnran 阅读(4263) 评论(1) 推荐(0) 编辑

摘要: 1. 问题: echart地图三级下钻地图在平移和缩放后,点击到省,由于中心点的偏移,省跑到容器以外的地方去了,导致新生成的地图看不见。 当修改setOption值的时候,我们异步回来的数据层级比较深的情况下,需要echarts重绘,否则不会如愿显示。 2. 解决方法: 后来发现,是重新绘制图表的时 阅读全文
posted @ 2020-09-14 15:52 liAnran 阅读(1324) 评论(0) 推荐(0) 编辑

摘要: Echarts版本是 echarts 4 有问题的小伙伴可以加群交流:475870039 研究了三天Echarts,终于实现了基于Echarts 实现地图下钻至县区,加对应区域的数据展示。先看效果图 后续更新研究的过程,建议要想使用用echarts的同学先去看官方文档和示例,不要盲目的去搞。我前一天 阅读全文
posted @ 2020-09-14 15:43 liAnran 阅读(2655) 评论(0) 推荐(0) 编辑

摘要: 在开发环境中我们喜欢用console.log测试代码,但是部署到生产环境我们不可能一个一个把console.log给手动删除了。 在build/webpack.prod.conf.js文件里加上这样一段代码即可 new UglifyJsPlugin({ uglifyOptions: { mangle 阅读全文
posted @ 2020-09-14 14:53 liAnran 阅读(728) 评论(0) 推荐(0) 编辑

2020年9月2日 #

摘要: 做诸葛书的时候遇到一个问题,就是我插入的元素在端上设备分页被切断,显示很丑。 最后优秀的产品同学告诉我第一版用到一个神奇的属性,容器中途分割 | break-inside。 .actionDom{ -webkit-column-break-inside: avoid; page-break-insi 阅读全文
posted @ 2020-09-02 11:24 liAnran 阅读(195) 评论(0) 推荐(0) 编辑

2020年9月1日 #

摘要: 在改一个项目的时候却遇到了一个莫名其妙的属性:text-decoration,这个属性,其实就只是用来把一段文字加上上横线、删除线或底线的属性罢了,通常会用在移除超链接的底线、或一些特殊强调的效果里头,但是这么容易的属性,为什么会莫名其妙呢?就让我们继续看下去~ 项目里遇到的问题 在我的项目里头遇到 阅读全文
posted @ 2020-09-01 18:59 liAnran 阅读(368) 评论(0) 推荐(0) 编辑

摘要: 问题 在学习饿了么实践项目时候发现一个问题, 在mounted阶段,获取Element对象,console.log()可以读取出列表,而却无法读出它的length let foodList = this.$refs.menuWrapper.getElementsByClassName('calcul 阅读全文
posted @ 2020-09-01 18:53 liAnran 阅读(1098) 评论(0) 推荐(0) 编辑

摘要: 1.判断光标是否选中文本 // 获取选中文本 getSelectedText() { if (window.getSelection) { return window.getSelection().toString(); } else if (document.selection) { //ie浏览 阅读全文
posted @ 2020-09-01 17:54 liAnran 阅读(2407) 评论(0) 推荐(0) 编辑

摘要: 1、在contenteditable="true" 中插入contenteditable="false"的元素,如果为其设置css user-select: none;后会导致删除连续的 contenteditable="false" 元素被一次性删除。 eg:编辑器中插入action删除单个导致一 阅读全文
posted @ 2020-09-01 17:11 liAnran 阅读(3089) 评论(0) 推荐(0) 编辑