自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 echarts图表网站

1. Examples - Apache ECharts2. PPChart - 让图表更简单3. https://madeapie.com/#/4. echarts图表集

2024-08-23 14:45:01 199

原创 前端canvas生成图片验证码

【代码】前端canvas生成图片验证码。

2024-08-13 14:11:22 91

原创 前端处理 Excel 文件

函数的输入数据格式是为了展示如何创建一个包含特定数据的工作表,并不完全符合 Excel 表格的常见数据结构。通常,你会传入一个对象数组,每个对象代表一行,对象的键对应列名。它可以在 Node.js 环境和浏览器中运行,提供了丰富的 API 来读取、写入、修改 Excel 文件。是一个流行的 JavaScript 库,用于处理 Excel 文件(包括。包中导入所有的导出内容,并将它们作为一个名为。的 Excel 文件,你想读取其中的数据。这行代码时,你实际上是在从。

2024-07-31 11:50:31 353

原创 前端使用html2canvas在页面截图并导出,以及截图中含有图片时的跨域问题解决

在你的Vue组件中,你应该将图片URL更改为通过代理访问的URL。注意,出于安全考虑,许多服务器默认不允许跨域请求。

2024-07-31 11:17:59 520

原创 不使用AMap.DistrictSearch,通过poi数据绘制省市县区块

不使用AMap.DistrictSearch,通过poi数据绘制省市县区块

2024-06-28 10:44:15 420

原创 echarts数据量过大时会造成legend很多的解决方法

设置后可以让legend设置为一行显示,通过箭头进行上下页切换。

2024-06-04 10:35:52 621

原创 【5.10踩坑】天地图转高德地图坐标(WGS84转GCj02)

天地图转高德地图坐标

2024-05-10 13:54:00 482

原创 vue配置file-loader实现前端本地文档文件下载,解决浏览器‘无法从网站上下载文件’报错

下载前端本地文件时,会让浏览器触发‘无法从网站上下载文件’报错,如果引入文件,则会在终端报错.这段表示Webpack在处理文件时遇到了问题,提示需要配置合适的loader来处理这种文件类型。对于二进制文件(如PDF文件),Webpack默认是不知道如何处理的,因此需要配置相应的loader来处理。可以尝试安装并配置或者url-loader来处理PDF文件,这样Webpack就能正确加载和处理PDF文件了。

2024-04-10 15:43:43 827 1

原创 通过echarts.graphic.extendShape方法实现立方体图表

graphic.extendShape是ECharts中用于扩展自定义图形形状的方法。通过调用方法,您可以定义并创建新的自定义图形形状,以满足特定的数据可视化需求。

2024-04-08 10:29:56 674 1

原创 [3.13踩坑] from表单中的button按钮;el-menu中的:default-openeds

如果在from表单中使用button按钮,默认的type属性是 "submit",而不是 "button"。这可能导致在某些情况下触发了表单的默认提交行为,而不是你期望的按钮点击事件。解决方法:1.设置type值type="button"2.使用组件库button,如

2024-03-13 16:48:58 766 1

原创 vue中wangeditor富文本编辑器的基本使用

【代码】vue中wangeditor富文本编辑器的基本使用。

2024-03-11 10:22:40 905 1

原创 【3.8日踩坑】v-for遍历对象类型、隐藏滚动条样式保留鼠标滚动的方法

需要对后端传递一个json对象进行回显,需要使用对象的key值,却发现自己不会用v-for处理对象类型。

2024-03-09 10:30:00 576 1

原创 [踩坑] 关于js四则运算时遇到的浮点数精度问题

有些十进制小数无法准确表示为有限位的二进制小数,例如1/3在十进制下是无限循环小数0.3333...,在二进制下也无法精确表示。:计算机内部用有限的位数来表示浮点数,例如JavaScript中的64位双精度浮点数,无法精确表示所有的十进制小数。:浮点数运算的顺序可能会影响最终结果的精度,特别是涉及到大量浮点数运算时。:最后,将整数结果除以之前乘的倍数,将其转换回原始的小数形式。:对得到的整数进行需要的计算,可以使用整数运算来确保精度。来进行比较,判断两个浮点数的差值是否在一个很小的范围内。

2024-03-08 10:51:23 760 1

原创 通过v-model.trim实现用户输入时去除空格

方法是ECMAScript 5引入的新方法,因此在较老的浏览器中可能不被支持。是JavaScript中字符串对象的一个方法,用于去除字符串的首尾空格,返回一个新的字符串,原始字符串不会被修改。是Vue.js提供的指令,用于实现表单元素和数据属性之间的双向数据绑定。方法返回一个新的字符串,该字符串是去除了原始字符串首尾空格的结果。指令,可以将表单元素的值与Vue实例中的数据属性进行绑定,实现数据的同步更新。方法,去除用户输入值的首尾空格,然后再将处理后的值赋给数据属性。时,会在数据绑定的过程中检测修饰符。

2024-03-07 16:25:49 1330 1

原创 【踩坑】使用vue框架时动态引入静态资源

函数可以在Webpack等构建工具中实现模块加载,如果不使用的话会在项目打包时发生路径错误,从而显示不出图片。

2024-03-06 13:41:50 586 1

原创 通过vue <Transition> 组件实现过渡动画

是一个内置组件,这意味着它在任意别的组件中都可以被使用,无需注册。它可以将进入和离开动画应用到通过默认插槽传递给它的元素或组件上。组件中设置这些属性,可以实现不同类型的过渡效果,如淡入淡出、滑动、旋转等。这样可以为页面增添动态和交互性,提升用户体验。: 指定过渡的名称,用于自动生成过渡类名,默认为"v"。属性表示元素第一次渲染时也会执行过渡效果。属性指定了元素进入时的动画类名,.: 是否在初始渲染时使用过渡效果。: 是否使用 CSS 过渡类。

2024-03-02 11:15:00 406

原创 【踩坑】关于JS中的==运算符,以及由于强制类型转换出现的==运算问题

==运算符在处理类型不同的值时,会进行强制类型转换,如果两边的值中有 true 或者 false,千万不要使用 ==。如果两边的值中有 []、"" 或者 0,尽量不要使用 ==。

2024-03-01 08:36:13 1460 1

原创 通过定时器实现简单的echarts动态圆弧

1.思路很简单,通过echarts的renderItem渲染函数,绘制圆弧形状,同时将圆弧开始、结束位置用变量填写,通过定时器定时调整角度即可。4.完整echarts。

2024-02-29 11:14:52 672

原创 和风天气常用api

1.根据城市名获取和风天气id等信息。

2024-02-28 08:49:35 1392

原创 前端实现地图省市县区块划分显示(通过poi数据实现)

通过poi网站下载省市县的json文件,引入到项目内通过生成多边形的方式加载到地图上

2024-02-27 11:23:00 693

原创 vue生成二维码并实现扫码跳转操作

vue前端使用二维码功能

2024-02-27 10:20:18 1413

空空如也

空空如也

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

TA关注的人

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