今天下午在群里看到有人转发了一个react的issiue,标题是 「不要把政治带到react中」,一开始热度不高,只有6、7个人回复了 +1,但是随着爆炸式的转发,到下班时已经传遍了许多程序员群体,这时open的issu…
函数式组件v.s. Class组件
1. Hook hook是可以给函数组件中添加了state和副作用的机制,可以不编写class组件使用react提供的特性。 上一个简单的计算器例子: [crayon-673ec0b91dddc907640897/] 在…
【翻译】Mobx React -- 最佳实践
原文: Mobx React — Best Practices 在本文中,我将展示React与mobx结合使用的常见最佳实践。我将按规则介绍它们。因此,每当遇到特定问题时,都应遵循这些规则来尝试解决。 本文要求你对mob…
2013-浙江大学-数据可视化-暑期研讨会(一)
本系列博客作为我的数据可视化入门教程,本篇博客涉及如标题的研讨会的前5节课程的PPT课件,本人已将其整理成思维导图。 若图片不清晰可右键选择“在新标签页中打开图片”。 1_数据可视化简介_屈华民 2_视觉感知与视觉通道_…
归一化和标准化以及欧氏距离
前言 当前项目中需要对所有图表计算它们之间的相似性,我们通过计算两两图表间的欧式距离来衡量其相似性。然而直接使用图表的原始数据进行计算会导致即使图表相似性极高但因为数据范围差别过大而失败,这里我们考虑对原始数据进行处理,…
echarts散点图渲染过慢以及DOM节点排序
前言 目前的项目中后端组的小伙伴已经设计好了api,在我成功请求数据渲染的时候出现了一个很严重的问题,由于数据项过多使散点渲染太慢,这样不能一次性渲染出点就会导致我之前做的刷选功能无法实现。这里出现的问题是:当调用ech…
echarts数据项过多导致当前项目的用户操作卡顿的解决
在打了近两周的酱油后在昨天终于想出了卡顿优化的解决方案,想看看有多卡可以参见这篇博客,就此项目中前端的技术难点几乎全部攻克。 解决方式: 原理很简单,在原来的dom节点上再定位一层echarts实例用于画线,画线的实现参…
自定义Echarts的brush组件
在项目中需要实现一个移动一定像素采样一次的选择刷功能。本人采用Echarts官方提供的接口实现了这一功能,关于刷选过程的生成的参考线有以下两个版本。以下如有误漏,敬请指正。 拖动选择刷,生成一条拖动轨迹的参考线: 灵感来…
vue-echarts-bmap:以百度地图为底图显示地图数据
本篇博客是在上篇博客的基础上增加了新功能:显示地图数据并且可以使用选择刷刷选地图上的散点。 以下如有误漏,敬请指正。 存在问题:(“√”表示已解决) echarts事件(上篇博客填坑)(√) 选择刷被选择的重复数据项过多…