- 博客(32)
- 收藏
- 关注
原创 echarts学习:绘制地图
本文记录了我使用echarts绘制一张地图的过程,在这一过程中我使用了series-map,visualMap,grahpic等echarts组件。
2024-08-14 19:18:20
1091
原创 echarts学习:通过图例事件实现选中后控制多条折线的显隐
我在工作中遇到了这样一个需求:我们都知道点击echarts折线图的图例,是可以控制折线的显隐的。我现在希望点击某一个图例可以改变多条折线的显隐。本文就记录了我实现这一需求的过程。
2024-06-15 14:54:16
659
原创 echarts学习:使用dataset管理数据
在我们公司的组件库中有许多echarts图表相关的组件,这些组件在使用时,只需将图表数据以特定的格式传入组件中,十分方便。因此当我得知echarts 可以使用dataset集中管理数据时,我就决定自己一定要搞懂它,于是在最近的开发工作中我便使用dataset来绘制图表。本文就将介绍我在使用后对dataset的理解。
2024-06-14 09:40:42
397
原创 项目太大导致报错:JavaScript堆内存已满
本文介绍了我解决“无效的标记压缩导致接近了堆上限,分配失败 - JavaScript内存不足。”这一报错的过程。
2024-06-12 16:46:13
638
原创 echarts学习:调色盘
在之前的几篇文章中,我试图复现一张图表。今天我想要实现的效果是让y轴与对应的折线显示同样的颜色。在此过程中我将介绍调色盘的用法。
2024-06-11 18:35:43
424
原创 echarts学习: 将y轴刻度标签放置到轴线内侧
在上一篇文章中,我试图复现下面的这张图表。经过一番努力实现了对6条y轴的布局。在这篇文章中我将介绍如何将y轴的刻度标签放置到轴线内侧。
2024-06-11 18:33:46
269
原创 echarts学习: 绘制双y轴折线图
我们公司项目中的折线图大都是双y轴的,因为这些图表往往需要同时展示水位和流量这两种不同单位的数据,因此如何绘制双y轴折线图就是就是我所面临的首要问题。
2024-06-05 09:44:46
582
原创 echarts学习: 在图表中添加多条y轴会怎么样?
在撰写如何绘制双y轴图表文章时,我突然萌生出了一个想法,如果给图表添加两个以上的y轴会怎么样呢? 带着这个问题我开始了自己的探索之旅。
2024-06-05 09:34:51
760
原创 echarts学习:如何让y轴显示为带箭头的直线
在我的固有印象中折线图、柱状图等图形中的y轴,应该都是一条末端带箭头的直线。然而在echarts中y轴的轴线是默认不显示的,也就会显示轴线末端的箭头。这篇文章中我记录了如何将echarts中的y轴变为我想象中的样子。
2024-06-04 19:59:47
579
原创 echarts学习:基本使用和组件封装
我在工作中使用echarts较少,这就导致每次使用时都要从头再来,这让我很头疼。因此我决心编写一系列文章将我参与工作后几次使用echarts所用到的知识记录下来,以便将来可以快速查阅。
2024-06-01 15:02:07
849
原创 echarts学习: 图表自适应
图表自适应是echarts组件的一个重要的功能。本文介绍了我实现图表自适应的过程,以及在这过程中我所犯的一些错误。还拓展介绍了防抖与节流、图表自适应的原理、ResizeObserver等内容。
2024-06-01 10:47:21
1542
原创 echarts学习:将echats实例代理为响应式对象可能带来的风险
本文介绍了将echarts实例代理为响应式对象可能存在的风险,已经对应的解决方法。
2024-05-30 19:48:14
452
原创 我与深拷贝
最近在掘金读到了一篇文章《Radash 能取代 Lodash???真幽默 - 掘金》,文章的评论区讨论起了深拷贝。"深拷贝" 我的"老朋友",还记得在学习我人生中的第二道面试题的时候认识了它,还记得那是一道手写深拷贝的面试题,还记的那个讲题的老师很贱很嚣张,弹幕中戏称他讲的是"嘴硬代码"。不知道为什么想起这些心中莫名的有些忧伤,我想或许是时候总结一下"我与深拷贝的故事",来一场"朝花夕拾"。
2024-04-21 16:55:59
985
1
原创 canvas学习:贝塞尔曲线
在学习Canvas绘图的过程中贝塞尔曲线是我遇到的又一个"拦路虎"。受限于自身贫瘠的计算机和数学知识我一开始并没有弄懂它,所幸网络上有许多优秀的介绍文章,它们帮助我掌握了贝塞尔曲线,如今我写下这篇文章简单的介绍一下Canvas当中的贝塞尔曲线。
2024-03-31 17:17:38
1506
1
原创 canvas绘图学习: 我的第一张Canvas图片
近日开始学习canvas绘图,学习的过程中就发现相关的API繁琐复杂,于是萌生了绘制解析图的想法,既然都是要绘图,那不如就直接用canvas来绘制。这篇博客就记述了我第一次绘制canvas图片的过程,虽然成品比较丑但这个过程是收获颇丰的(づ。◕ᴗᴗ◕。)づ。
2024-03-23 19:15:03
860
原创 canvas绘图学习: 绘制箭头
在canvas绘图的过程中有时我们需要绘制箭头,但canvas本身没有绘制箭头的方法,于是就需要我们自己来封装。本文章就介绍一下我是如何封装绘制箭头的方法的。
2024-03-22 18:49:25
1411
2
翻译 翻译:在HTML5 Canvas 当中绘制带有箭头的直线和圆弧
在本教程中我们将介绍如何在任意角度的直线上添加箭头,然后运用我们学到的知识实现在弧线的末端添加箭头
2024-03-18 11:31:37
335
原创 canvas绘图学习:坐标反算
在canvas绘制箭头的过程中我遇到这样的问题:“我已知线段起点和终点的坐标,想要求线段的方位角和长度”。这实际上就是测量学当中的坐标反算,在这篇博客中我就将简单的介绍一下坐标反算的原理,以及如何使用JS封装一个坐标反算的方法。
2024-03-15 20:57:07
964
1
原创 canvas绘图学习:坐标正算
在进行canvas绘图的过程中我遇到了一个问题:我想将圆心与圆的边线上的某个点进行连线,可是我并不知道圆边点的坐标,因此我需要基于圆心坐标、圆半径和连线的角度去计算,这实际就是测量学中的坐标正算。
2024-03-13 21:27:06
1055
1
原创 前端文件下载和文件读取方法研究
之前因为工作需要对geojson进行数据处理,在操作的过程中我就发现,自己手动去下载和读取文件就很麻烦。因此我就想在这里探讨一下如何在前端实现文件自动读取和下载。
2024-03-01 20:13:50
3346
原创 JS模拟事件与自定义事件
经想必大家对于JS当中的事件并不陌生了。我们通过html或dom的方式指定某个事件的处理程序,然后当某个特定的场景(如点击、聚焦、输入等)发生时在触发这些处理程序。每当这个时候我就在想能否有办法可以定制一个事件,又或是摆脱特定场景的桎梏,能够自由的触发一个事件。想要实现这些效果就需要跳到另一个角度去看JS当中的事件。
2024-02-29 08:44:47
1276
1
原创 前端跨页面数据传输的方法研究
最近在工作实现一个popup弹窗的过程中涉及到了跨页面的数据传递问题,由于之前开发的都是单页面应用,因此对于这方面就不太了解,于是今天便写下这篇文章,想好好探讨一下。
2024-02-09 10:36:42
1936
1
原创 基于Element-ui 实现具有筛选、排序和分页功能的表格
本篇文章记述了如何在Vue3+Element Plus 技术栈下 实现一个具有筛选、排序、分页功能的表格,并将其封装成一个组件的过程。
2024-02-04 12:33:45
2927
1
原创 JS异步问题及常见的异步场景分析
异步问题是我们在学习JavaScript过程中需要关注的一个重点。但是据我观察,目前的各种资料还是以介绍异步问题的解决方案(即,期约、异步函数等异步编程方案)为主,对于异步问题本身讨论较少。所以在这里我尝试按照自己的理解对异步问题做一个提纲挈领的总结,方便自己后续更好的去学习理解各种异步编程方案。
2024-01-14 15:15:19
1087
1
原创 关于JS中异步概念的研究
在JS中“异步”是一个重要的概念,以它为原点引出了Promise期约、异步函数async/await等重要的概念,因此“异步”在我们构建前端知识体系的过程中占据了重要的地位。在实际的工作中,由于经常需要向服务端请求资源,因此我们也会经常和“异步”打交道,或是利用它来实现我们自己的目的,或是解决它所带来的各种问题。总之“异步”对于我们来说并不陌生可以说是一位“老朋友”了,但是就在某一天,我发现我似乎并不了解它。
2024-01-04 16:10:50
731
1
原创 JS中循环、递归、迭代、遍历、枚举的概念辨析
在学习JS的过程中,频繁接触到循环、迭代、遍历等名词,这些名词常常感觉十分的相似,总是在我的脑袋中“打架”,所以我想借这个机会好好梳理梳理它们之间的关系。在进行了一些了解之后,我发现这些名词的含义十分复杂,它们彼此之间也有重叠,因此我虽然在文中给出了我的一些理解,但亦有很大的不足,希望能够看到更多不同的理解。
2023-12-25 19:55:58
1010
1
原创 我与状态机模式的邂逅
一次误打误撞的机会,了解了状态机这个词,之后又稀里糊涂的在工作中使用了它。如今我希望通过这篇文章来一个正本清源,一方面聊一聊我与状态机的“缘分”,另一方面也借此机会梳理一下我了解到的有关状态机的知识。
2023-12-09 19:19:10
126
原创 漫谈JS中的多态
看过了网络上这些介绍JS中多态的文章之后,我先做一个小小的总结。在JS当中多态没有特定的语法,它更多的是一种编程思想。我总结为是有一种“弱语法、弱类型、思想化”的倾向。而这种倾向,很可能与JS语言中“面向对象的思想化”、“弱类型”这两个特点有关。
2023-12-03 13:09:44
232
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人