自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 用vite 打包之后项目不能在本地查看

用vite 打包之后项目不能在本地查看

2024-06-25 17:28:11 250

原创 git 大文件上传失败 Please remove the file from history and try again.

根据提示执行命令 --- 查找到当前文件。

2024-06-07 10:10:06 260 1

原创 ECharts 饼图-环形进度图

ECharts 饼图-环形进度图

2024-03-21 11:11:04 672

原创 css 文字描边 (data-title)

css 文字描边

2024-03-20 10:22:37 177

原创 UI组件库合集

Apache ECharts,一款基于JavaScript的数据可视化图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。uView UI,是 uni-app 生态最优秀的 UI 框架,全面的组件和便捷的工具会让您信手拈来,如鱼得水。uView 2.0 - 全面兼容 nvue 的 uni-app 生态框架 - uni-app UI 框架。Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。Mint UI 下拉/上拉刷新-Loadmore_w3cschool。

2024-01-26 10:20:08 725

原创 webpack 打包优化

webpack 打包优化

2023-11-24 10:53:34 917

原创 vue directive自定义指令实现弹窗可拖动

vue directive自定义指令实现弹窗可拖动。

2023-11-16 17:25:37 323

原创 前端开发实用工具

前端开发实用工具

2023-11-10 15:01:03 101

原创 VsCode 自定义格式化样式

VsCode 自定义格式化样式

2023-10-11 17:15:30 559

原创 【Antd】select 下拉选框不跟随页面滚动

使用 :getPopupContainer="trigger => trigger.parentNode"下拉选框不跟随页面滚动导致与选框分离。

2023-10-09 10:48:13 532

原创 vue3 引入图片报错 Uncaught (in promise) ReferenceError: require is not defined

如果我们使用 require 来引入一个图片文件的话,那么 require 返回的就是用于引入的图片(npm 运行之后图片的编译路径)。vue 项目通过 webpack 的 devServer 运行之后,默认的 vue-cli 配置下,图片会被打包成 name.hash 的图片名,在这种情况下,如果我们使用固定的字符串路径则无法找到该图片,所以需要使用 require 方法来返回图片的编译路径。是一个 ESM 的原生功能,会暴露当前模块的 URL。如果项目是用vite搭建的,就需要使用。

2023-08-04 10:15:58 1988

原创 获取实时时间日期

获取实时时间日期

2023-07-24 17:22:49 105

原创 vue2接实时视频流

vue2接实时视频流

2023-07-11 16:58:28 643

原创 antd table 加scroll后去掉表头的下边框

antd table 加scroll后去掉表头的下边框。

2023-07-07 11:58:18 297

原创 Echarts 饼图 设置间隔 提示线样式

Echarts 饼图 设置间隔 提示线样式

2023-07-04 11:39:16 459

原创 Echarts 柱状图渐变色 tooltip上显示对应的渐变色

可以打印出当前echarts 的数据。

2023-07-03 16:30:42 360

原创 Echarts 仪表盘样式修改 gauge类型

Echarts 仪表盘样式修改 gauge类型

2023-06-30 10:41:10 1407

原创 将时间截取为年-月-日

打印结果:2023-6-20。

2023-06-20 16:08:17 46

原创 滚动条样式

滚动条样式

2023-06-17 15:26:01 42

原创 Echarts--------双折线图

echarts 双折线图 设置smybol 拐点样式

2023-05-25 11:11:31 1214

原创 echarts 饼图渐变色+中间文字+图例后加数据

echarts 饼图渐变色+中间文字+图例后加数据

2023-05-10 15:03:34 2684 1

原创 Echarts 横向柱状图+pictorialBar

【代码】Echarts 横向柱状图+pictorialBar。

2023-05-10 10:40:37 991

原创 vue3 语法糖

vue3 的生命周期:普通写法 简写写法 ref reactive toRef toRefs都是将数据变成响应式数据若要包裹的数据是对象就推荐使用reactive,其他情况使用ref(简单数据类型)toRef 转换响应式对象中某个属性为单独响应式数据,转换后的值和之前是关联的toRefs 转换响应式对象中所有属性为单独响应式数据,转换后的值和之前是相关联的 加入方法methods的写法与watch相似都可以监听一个数据源。但是watchEffect会在初始化的时候调用一次

2023-04-04 22:37:09 1524

原创 Echarts 属性用法详解

Echarts 属性用法详解

2023-01-09 18:01:41 3736

原创 element ui el-tag 三元表达式多级条件判断

element ui el-tag 三元表达式进行多级条件判断

2022-11-24 00:05:05 1681

原创 去除滚动条底部白色

去除滚动条底部白色。

2022-11-17 10:57:15 326

原创 vue3创建项目-脚手架安装

通过cmd 进入命令提示符窗口输入npm i -g @vue/cli安装vue-cli查看vue的版本vue - V

2022-06-19 23:40:25 230

原创 H5调色器 range

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.

2022-04-17 22:49:12 296

原创 h5拖拽ondrop删除、添加

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.

2022-04-17 22:35:32 479

原创 H5制作时钟

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.

2022-04-17 22:29:04 717

原创 js事件委托案例( table tr(5*5) 移入移出背景变色(pink)+ 每行的第三列移入移出背景变色(green) )

<script> //2、委托案例( table tr(5*5) 移入移出背景变色(pink)+ 每行的第三列移入移出背景变色(green) ) document.getElementsByTagName("table")[0].onmouseover = function(e){ console.log(e.target) if(e.target.parentNode.nodeName == "TR"){ /.

2022-04-10 22:54:21 212

原创 js时间线

<script> console.log(document.readyState); //loading 页面开始解析的准备,还没开始解析,加载状态 //监听某个对象状态变更的方法 // onreadystatechange 原生ajax 请求状态的监听 document.onreadystatechange = function(){ console.log(docu...

2022-04-10 22:50:58 129

原创 js小米商城导航栏

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.

2022-04-05 22:16:35 679

原创 js选项卡效果

documentAPI:getElementById() 返回具有指定 ID 属性值的第一个对象的一个引用getElementsByTagName 返回带有指定标签名的对象的集合,返回元素的顺序是它们在文档中的顺序。getElementsByclassName属性 设置或返回元素的 class 属性<body> <!--导航栏部分HTML代码--> <div class="box"> &lt...

2022-03-27 21:46:47 985

原创 js设置倒计时

setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数now Date() 返回的是当前时间Sun Mar 27 2022 20:44:22 GMT+0800 (中国标准时间)getTime() 返回的是毫秒数1648385062939思路:先获取..

2022-03-27 20:51:10 649

原创 js倒计时

<script> setInterval(function(){ var nowdate=new Date(); //获取当前时间 var nowtime=nowdate.getTime(); var str="2022/3/21 08:30"; //设置结束时间 var enddate=new Date(str); var lefttime = enddate-nowtime; //计算剩余时间 .

2022-03-20 21:59:48 49

原创 js比较大小

<script> var a=1; var b=2; var c=3; var max=(a>b)?a:b; max=(max>c?max:c) var min=(a<b?a:b); min=(min<c?min:c) console.log("最大值:"+max); console.log("最小值:"+min);...

2022-03-20 21:54:42 187

原创 js水仙花数

水仙花数是指一个 3 位数,它的每个位上的数字的 3次幂之和等于它本身。例如:1^3 + 5^3+ 3^3 = 153。”求100到1000之间的水仙花数?<script> for(var i=100;i<1000;i++){ var x = i%10; //个位 var y = (i%100-i%10)/10; //十位 var z = (i-i%100)/100; //百位

2022-03-20 21:37:16 310

原创 前端参数接收

<body> <ul> <li><a href="content.html?id=1&title=打通产学研 串起价值链 &dsfhv">打通产学研 串起价值链</a></li> <li><a href="content.html?id=2&titl=北大教授劝年轻人别太早买房 年轻人或有不同看法"> 北大教授劝年轻人别太早买房 年轻人或有不同看法.

2022-03-20 21:19:57 822

原创 js去重filter

filter用于对数组进行过滤。 它创建一个新数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。 注意:filter()不会对空数组进行检测、不会改变原始数组 <script> var arr =["a",1,2,3,"a",3,2,1]; var newarr=arr.filter(function(v,n,k){ return k.indexOf(v)==n; }); console.log(n

2022-03-20 21:14:03 2815

空空如也

空空如也

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

TA关注的人

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