自定义博客皮肤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)
  • 收藏
  • 关注

原创 【JS基础】- 常用的Math方法,Math 用于 Number 类型且不支持BigInt

Math.max() // 取参数中的最大值Math.min() // 取参数中的最小值Math.abs() // 取绝对值Math.round() // 四舍五入Math.floor() // 向下取整Math.ceil() // 向上取整Math.trunc() // 去掉数字的小数部分,只保留整数部分,不管参数是正数还是负数Math.random() // 返回一个浮点数(伪随机数在范围从 0(包括) 到小于1(不包括))

2024-03-07 19:36:59 383

原创 vue3使用keep-alive 报错:parentComponent.ctx.deactivate is not a function

动态组件未配置key值;如果不配置 key 值,当多个页面配置 keepAlive:true 时,在切换缓存页面时会报错 Uncaught (in promise) TypeError: parentComponent.ctx.deactivate is not a function。需要给动态组件配置 key 值,来表示组件的唯一性和对应关系。

2024-03-07 19:11:12 685 1

原创 将tailwindCSS默认配置单位rem换成px

【代码】将tailwindCSS默认配置单位rem换成px。

2024-01-19 22:13:28 758 1

原创 vue3侦听一个ref对象数组当使用push改变变量值时侦听失效

但 list.value.push(item);改变list值时监听失效了。而我需要每次改变list值时做一些处理。原本监听了ref对象数组list,当list.value = temp;改变list值时监听有效,watch使用深层侦听,加 { deep: true }。

2024-01-19 19:27:31 786 1

原创 vue+ts+js+vite项目报错:File ‘XXX.js‘ is a JavaScript file. Did you mean to enable the ‘allowJs‘ option?

文件“XXX.js”是一个JavaScript文件。您的意思是启用“allowJs”选项吗?在tsconfig.json文件中加上"allowJs": true配置。ts项目中写js代码,在配置中未配置允许js。

2024-01-18 20:25:25 520 1

原创 vue3引用vue-i18n使用具名格式时失效

也就是导入的i18n文件版本错误,不是所需对应的版本,与Vue本身一样,i18n包提供了各种版本。和Vue一样,它们有一个有和没有运行时编译器的版本。或 import { createI18n } from 'vue-i18n/dist/vue-i18n.esm-bundler';将createI18n的引入改为:import { createI18n } from 'vue-i18n';vue3使用i18n时,vue- i18n的版本不低于@9。当前共有{number}名学员。

2024-01-18 19:12:55 480 1

原创 vue3实现h5触底翻页加载

【代码】vue3实现h5触底翻页加载。

2023-12-30 21:31:56 531 1

原创 使用clipboard复制文案点击一次但出现多次触发成功事件问题

我是在子组件内实例化Clipboard并添加复制成功事件,而父组件内循环了两次子组件,也就是说进行了两次实例化Clipboard并添加复制成功事件,所以点击一次触发了两次事件。在父组件内实例化Clipboard并添加复制成功事件;用clipboard只需要进行一次实例化Clipboard并添加复制成功事件。

2023-12-28 20:53:58 446 1

原创 Echarts设置圆环图

将饼图设置为圆环图的主要配置是设置饼图的内半径和外半径,对应配置项 radius: ["设置内半径", "设置外半径"] ,内外半径差值越小,圆环图的环越细,相反差值越大则越粗。echarts图表需要的dom。

2023-11-18 21:52:46 1375 1

原创 实现h5手机端长按下载二维码海报

设置一个img元素和div(海报内容)同级,样式调整到覆盖在div(海报内容)上,在加载海报页面时将div(海报内容)用html2canvas转为图片,可以得到海报图片url,再通过js操作把已设置的img元素的src属性赋值为刚刚得到的url,用户在手机端下载海报时就可以下载这张得到的海报图片了。将div(海报内容)转换成图片,显示给用户的海报就是这张图片,用户即可在手机端用手机的保存图片方法保存海报。

2023-11-15 22:21:28 188

原创 【css动画】- 直播中的动画效果

当动画开始时高度为6px,然后当动画为25%时高度改变为9px,当动画为50%时高度改变为3px,当动画完成时高度为0。@keyframes 规则 用百分比或 "from"(等同于 0% 是动画的开始)和 "to(等同于 100% 是动画的结束)",指定至少 规定动画的名称 和 规定动画的时长 这两个CSS3的动画属性绑定向一个选择器。在 @keyframes 创建的动画,需要把它绑定到一个选择器,否则动画不会生效。规定当动画不播放时(当动画完成时,或当动画有一个延迟未开始播放时),要应用到元素的样式。

2023-11-01 18:58:10 220 1

原创 js下载图片

HTML5新增 标签的download属性, 标签添加download属性后,点击a链接就可以下载href属性写的路径文件;download属性:(可选)指定下载文件的文件名;若不指定文件名则下载到本地的文件名和href属性写的文件名一样。利用a链接的download属性,通过点击a链接下载图片。设置 标签的 download 属性。设置 标签的 href 属性。通过js下载图片方法的完整代码及详解。1、通过点击a链接下载图片/文件。1、通过点击a链接下载图片/文件。

2023-10-31 20:21:44 434 1

原创 解决问题:Mac电脑更新系统后,本地启项目成功但浏览器打不开项目页面 - 提示无法连接服务器

Mac电脑更新系统后,本地启项目成功但浏览器打不开项目页面 - 提示无法连接服务器。

2023-10-17 21:45:16 269

原创 Echarts设置折线图折线渐变并给折线加阴影

{offset: 位置参数, color: 颜色参数}] );offset为0时表示起始位置,1表示结束位置。(渐变位置及颜色配置,可多个)右, 下, 左, 上,

2023-10-15 21:45:25 1778 1

原创 Echarts自定义提示框tooltip样式(包括提示框标题不固定)

分别表示系列名,数据名,数据值等。在 trigger 为 'axis' 的时候,会有多个系列的数据,此时可以通过。函数(支持字符串模板和回调函数两种形式),使用 html 语法来构建一个自定义的提示框。回调函数形式(适应于需自定义样式(样式有较大变化时)的情况)这种后面加索引的方式表示系列的索引。字符串模板形式(适应于需自定义排版格式的情况)

2023-10-15 20:49:17 5759 1

原创 【JS基础】- 常用的字符串方法

查找字符串中的子字符串第一次出现的索引位置,若未找到,则返回-1。必需。要搜索的子字符串,若为非字符串时会被强制转换为字符串。可选。该方法返回指定子字符串在 大于或等于position的位置处第一次出现的索引,默认为0;如果position大于调用字符串的长度,则该方法根本不搜索调用字符串,返回-1;如果position 小于零,则position相当于0的效果,从0索引开始搜索。

2023-10-14 20:52:01 38 1

原创 使用html2Canvas实现下载二维码海报(div包裹二维码图片及海报信息)功能

设置海报/图片背景颜色,如果海报/图片是圆角则需要设置背景色为透明,不然四个角会有马赛克的颜色。直接下载html2canvas.min.js文件放入项目中并引入文件。用于渲染的比例(也就是图片比例大小),默认为浏览器设备像素比。是否尝试使用 CORS 从服务器加载图像。从第三方 CDN 提供商加载它。

2023-10-12 22:51:52 170

原创 Echarts宽度自适应的解决方法

当文档视图(窗口)调整大小时触发该事件,只有在window对象上注册的处理程序才会接收resize事件。

2023-10-12 22:16:53 246

原创 使用clipboard实现复制文案功能

复制文案时默认有选中效果,取消选中效果的方法 clearSelection()。data-clipboard-action="copy复制/cut剪切" 和。data-clipboard-target="要复制的文案元素选择器"。

2023-10-12 00:25:29 179

原创 Echarts入门教程快速上手

【代码】Echarts入门教程快速上手。

2023-10-10 19:49:05 51

原创 echarts组合层叠柱状和折线并可缩放图

Apache ECharts,一款基于JavaScript的数据可视化图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。

2023-10-09 19:27:16 1592

空空如也

空空如也

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

TA关注的人

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