1. Hook hook是可以给函数组件中添加了state和副作用的机制,可以不编写class组件使用react提供的特性。 上一个简单的计算器例子: [crayon-673ee8be5f73c127450242/] 在…
分类:web前端
【翻译】Mobx React -- 最佳实践
原文: Mobx React — Best Practices 在本文中,我将展示React与mobx结合使用的常见最佳实践。我将按规则介绍它们。因此,每当遇到特定问题时,都应遵循这些规则来尝试解决。 本文要求你对mob…
echarts散点图渲染过慢以及DOM节点排序
前言 目前的项目中后端组的小伙伴已经设计好了api,在我成功请求数据渲染的时候出现了一个很严重的问题,由于数据项过多使散点渲染太慢,这样不能一次性渲染出点就会导致我之前做的刷选功能无法实现。这里出现的问题是:当调用ech…
echarts数据项过多导致当前项目的用户操作卡顿的解决
在打了近两周的酱油后在昨天终于想出了卡顿优化的解决方案,想看看有多卡可以参见这篇博客,就此项目中前端的技术难点几乎全部攻克。 解决方式: 原理很简单,在原来的dom节点上再定位一层echarts实例用于画线,画线的实现参…
自定义Echarts的brush组件
在项目中需要实现一个移动一定像素采样一次的选择刷功能。本人采用Echarts官方提供的接口实现了这一功能,关于刷选过程的生成的参考线有以下两个版本。以下如有误漏,敬请指正。 拖动选择刷,生成一条拖动轨迹的参考线: 灵感来…
vue-echarts-bmap:以百度地图为底图显示地图数据
本篇博客是在上篇博客的基础上增加了新功能:显示地图数据并且可以使用选择刷刷选地图上的散点。 以下如有误漏,敬请指正。 存在问题:(“√”表示已解决) echarts事件(上篇博客填坑)(√) 选择刷被选择的重复数据项过多…
vue整合bootstrap静态模板
以下如有误漏,敬请指正。 用到的模块: vue-cli:使用vue官方提供的脚手架可以快速构建出一个单页应用; express:用其搭建一个可以处理ajax请求的模拟服务器以供测试; echarts:为提高效率,舍弃模板…