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