自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(31)
  • 收藏
  • 关注

原创 基于 Highcharts 实现 Vue 中的答题统计柱状图组件

数据可视化:如何用柱状图精准展示你的答题表现

2025-02-21 17:25:07 850

原创 图表或者组件:放大/缩小功能的实现

在前端开发中,常常会遇到用户界面需要根据交互进行动态变化的场景。例如,当点击按钮时,需要让某个组件在页面中放大或缩小。本文将介绍如何实现一个基于 Vue.js 和 CSS 的放大/缩小功能,具体通过点击“放大”和“缩小”按钮来调整某个内容区域的显示大小。

2025-01-06 17:14:02 665

原创 如何实现文件下载 -- 好玩篇

文件下载是 Web 开发中的常见功能,尤其在需要提供报告、数据文件或其他资源时。本文介绍了三种常见的文件下载实现方法

2025-01-02 18:27:32 702

原创 换肤-主题:使用 CSS 自定义属性 -- var()函数 详解

借助 CSS 变量,前端开发将变得更加灵活、简洁,维护和扩展样式表也变得更加容易。

2025-01-02 16:04:23 1132

原创 如何实现分片上传功能:基于 Vue 和 iView 上传组件的详细教程

通过一个基于 Vue 和 iView 的分片上传示例,详细介绍如何实现文件分片上传,并且为每个上传的分片提供上传进度显示和错误处理。

2024-12-31 16:50:08 974

原创 Vue + ECharts 实现山东地图展示与交互

Vue + ECharts 实现山东地图展示与交互

2024-12-20 17:54:36 1546

原创 玩转山东地图:用Echarts打造交互式数据可视化--好玩篇

在现代数据分析中,地图不仅仅是地理定位的工具,它们已经变成了动态数据展示的强大平台。使用Echarts,我们可以将山东省的每个城市数据清晰地展示出来,并且为用户提供交互功能,让他们自己选择查看具体的数字。效果图:支持缩放,拖拽等操作。简单的代码示例,山东地图并进行基本的配置。将实际的数据映射到地图上,使得数据更具可视性和可交互性。可以自定义设置颜色、标记等,让地图看起来更加生动。地图交互功能:通过鼠标悬停、点击等交互方式,让地图更加互动。

2024-12-06 16:44:04 552

原创 HTML特殊字符符号大全--好玩篇记录

HTML特殊字符符号大全包含了HTML中常见的符号及其对应的HTML实体代码。通过使用这些字符,可以确保网页中的特殊符号正确显示而不会影响HTML文档的结构。以下是一些常用的HTML特殊字符符号大全,涵盖了数学符号、货币符号、表情符号、常见符号等。

2024-12-03 16:03:54 944

原创 正则匹配中文标点符号及常用的Unicode编码

正则匹配中文标点符号及常用的Unicode编码

2024-12-03 15:32:45 434

原创 常见表单输入验证函数-邮箱、手机号、身份证等验证规则

本文提供了多种常见的输入验证函数,涵盖了邮箱、手机号、身份证、金额等多种场景。所有验证函数遵循的标准格式,易于前端表单验证。根据需要,可以定制正则表达式或验证逻辑,以适应不同的业务需求。

2024-12-03 15:16:20 1153

原创 使用D3.js绘制雷达图

使用D3.js构建雷达图:实现雷达图组件与细节解析

2024-11-18 17:40:34 971

原创 AntV G2 绘制雷达图

AntV G2 绘制雷达图

2024-11-17 12:41:33 656

原创 JS点击图片放大缩小及拖拽

JS点击图片放大缩小及拖拽

2024-11-04 16:49:48 1411

原创 使用 html2canvas 和 pdf-lib 生成和下载指南

使用 html2canvas 和 pdf-lib 生成和下载指南

2024-10-18 18:08:29 700

原创 html2Canvas + jspdf及pdf-lib 前端页面生成pdf文件,数量太多导致页面器崩溃处理方法

html2Canvas + jspdf前端页面生成pdf文件,数量太多导致页面器崩溃

2024-10-18 17:38:27 589

原创 JS 数组元素上移、下移、置顶、置底、互换

JS 数组元素上移、下移、置顶、置底、互换

2024-10-10 18:07:45 1537

原创 JavaScript 数组常用操作方法详解

操作数组的方法

2024-09-30 10:41:08 235

原创 JavaScript 对象操作方法详解

JavaScript 提供了多种方法用于操作对象,灵活地处理对象的创建、属性访问、修改、删除、遍历等操作。创建对象:使用字面量或构造函数创建对象。操作属性:通过点操作符、方括号操作符、变量等方式添加、修改、删除对象的属性。遍历对象:使用for...in等方法遍历对象。对象拷贝:使用进行浅拷贝,使用进行深拷贝。类型判断:使用typeof判断类型,使用判断是否为数组。掌握这些对象操作方法,能够帮助你更高效地编写 JavaScript 代码,处理日常开发中的对象数据操作。

2024-09-26 10:33:54 384

原创 合并 A 项目分支到 B 项目分支的操作流程

合并 A 项目分支到 B 项目分支的操作流程

2024-09-24 17:30:28 682

原创 两个项目分支合并操作

通过上述步骤,你可以将 A 项目的某个分支(如test)合并到 B 项目,确保 B 项目能够同步 A 项目的维护更新,而不必重复劳动。注意,合并时要处理好可能出现的冲突,并使用选项来允许合并不相关的历史。这个操作尤其适用于 B 项目需要频繁与 A 项目保持同步,但又不希望将两个项目合并成一个项目的场景。

2024-09-24 17:18:55 247

原创 手搓节流 throttle

效果:一秒内,输入打印,,结果:限制函数执行频率的方法,确保函数在一定时间间隔内最多执行一次。

2024-08-08 00:45:00 773

原创 手搓防抖debounce

可以有效地管理用户输入频率,减少不必要的计算或网络请求,提升用户体验和应用性能。

2024-08-08 00:30:00 303

原创 秒数转换时间

js 秒数转换时间

2024-08-07 00:45:00 771

原创 秒数转换为易读的天、时、分、秒格式

JS 秒数转换天、时、分、秒

2024-08-07 00:30:00 603

原创 毫秒转换为易读时长格式:时:分:秒(时分秒)

【代码】毫秒转换时间 时分秒。

2024-08-06 17:50:36 530

原创 js数组去重的几种方法

数据结构可以实现数组去重,将数组元素作为键存储在Map中,然后获取Map的键数组即可。这种方法相对复杂,但也是一种去重的有效方法,适合特定场景下的需求。比较常用的数组去重处理方法,纯属记录一下,如有错误,请不吝赐教。函数返回一个新数组,其中包含了原始数组中唯一的元素。数据结构可以更简洁和高效地实现数组去重,因为。方法来实现数组去重,只保留第一次出现的元素。方法可以按顺序逐个遍历数组,并根据条件去重。这种方法相对灵活,但性能和。方法类似,适合中小型数组。for循环和includes。方法来去除重复元素。

2024-08-06 16:54:29 589

原创 Fatal error in , line 0# Check failed: U_SUCCESS(status).

我需要的版本在 ^12 ~14 ,升级12.13.0 版本后,重新运行解决该错误。根据查阅,说该错误为node v12的一个BUG,要不就降级版本,要不升级版本。新拉取的项目,根据提示要求node 版本,下载了对应的最低版本 12.0.0。切换了12.0.0版本后,重新运行报下面错误。

2024-02-21 18:00:22 842

原创 vue项目启动不显示Network,及Network无法访问的问题

首先找到build文件夹下webpack.dev.conf.js文件,修改compilationSuccessInfo里边的messages属性。在vue.config.js(或者配置config了的,就在config下的index.js )文件下设置。最后在package.json文件中 scripts 下的 dev 或者 serve 后面加上。以上设置可以显示Network 调试地址,但是无法访问,还需设置一下。回车后会出现一串信息,复制IPV4 地址即可。地址 ,获取IPV4 地址方法,

2023-06-06 15:30:46 6886 1

原创 图片如何通过js点击图片放大及关闭

js点击图片缩放

2022-11-15 16:37:24 859

原创 Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memoy

FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memoy

2022-11-15 15:09:38 4140 1

原创 npm 下载依赖报错npm WARN deprecated core-js@2.6.12: core-js@<3.4 is no longer maintained and not recommend

npm WARN deprecated core-js@2.6.12: core-js@

2022-06-07 09:59:58 2770 1

基于 Highcharts 实现 Vue 中的答题统计柱状图组件

基于 Highcharts 实现 Vue 中的答题统计柱状图组件

2025-02-21

使用D3.js绘制雷达图

使用D3.js绘制雷达图

2025-01-07

如何实现分片上传功能:基于 Vue 和 iView 上传组件的详细教程

如何实现分片上传功能:基于 Vue 和 iView 上传组件的详细教程

2024-12-31

封装组件-D3绘制 雷达图及保姆级注解

D3绘制雷达图的全部配置及注解

2024-11-27

封装组件-G2绘制 雷达图及保姆级注解

G2绘制雷达图的全部配置及注解

2024-11-27

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除