自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(22)
  • 资源 (1)
  • 收藏
  • 关注

原创 elementUI日期选择实现选择当前月范围

使用elementUI的日期选择组件,根据第一个选中的日期,实现限定日期选择范围为当前月。

2024-01-16 15:41:15 950

原创 vue3+h5实现扫描条形码&二维码功能

html5-qrcode、vue3、H5

2024-01-11 11:52:12 2368 7

原创 vue使用JSWebrtc播放webrtc视频流

- webrtc播放器 -- > < video id = "jswebrtc" ref = "jswebrtc" controls style = "width: 100%;

2023-07-07 11:20:24 3233 4

原创 canvas如何设置图像不被移出画布

分为三步:第一步:获取画布中加载的图像的尺寸大小;第二步:获取当前画布的尺寸大小;第三步:用图像尺寸和画布尺寸比较。

2023-07-06 08:59:19 222

原创 实现数组排序的四种方式

数组排序

2023-02-22 21:34:45 310

原创 使用scale实现屏幕自适应

实现非标准屏幕自适应

2023-02-22 20:50:34 815

原创 JS数组常用方法总结

js数组常用方法总结

2022-10-12 14:40:56 161

原创 JS数组去重&对象数组去重

JS数组去重&对象数组去重

2022-08-18 14:26:27 169

原创 Web Worker的理解以及使用

Web Worker的理解以及项目中使用

2022-08-16 16:50:44 1306

原创 vue实现多张图片切换形成动画效果

分享一下工作中遇到的问题以及解决办法,让后面的人少走弯路

2021-08-12 19:35:59 2858

原创 如何在项目中引用字体包

在vue项目中使用字体包

2021-08-11 09:46:41 601

转载 js数字格式化千分位分割

var num = 123456789;1.格式化为千分位输出 num.toLocaleString()//“123,456,789”2.格式化为千分位带$符号输出num.toLocaleString(“en-US”,{style:“currency”,currency:“USD”})//"$123,456,789.00"3.格式化为带¥符号输出num.toLocaleString(“zh-Hans-CN”,{style:“currency”,currency:“CNY”})//“¥123,

2021-07-22 17:14:02 268

原创 echarts横向柱状图分享

效果图突出点(稍后补充)代码option = { backgroundColor:'rgba( 9, 12, 32, .5)', tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } }, legend: {

2021-07-16 14:23:54 513

原创 echarts环形图--彩虹图--蚊香图

需要实现的效果图分析如何实现1、可以看到这个数据图标不是常规的echarts图,需要从echarts的更多资源去找类似的例子copy,找了一圈还真找到类似的如图:2、例子找到了,大致也差不多,动手改。3、两者之间的区别:(1)圈的个数不同、颜色不同(2)右侧文字字体的样式(字体、颜色等)上代码定义变量//定义要用到的变量: series: [], maxRadius: 90, barWidth: 6, barGap: 2, // sumValue: 0, sh

2021-07-12 20:07:52 1326 1

原创 echarts环形图demo

环形图demo当作自己的工作中的素材,可以直接拿过来用的,在此做个备份<!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, initi

2021-07-09 17:16:50 169

原创 JavaScript事件执行顺序梳理

JavaScript事件执行顺序梳理事件循环机制任务队列宏任务、微任务事件循环机制为了协调事件、用户交互、脚本、UI 渲染和网络处理等行为,用户引擎必须使用 event loops。任务队列js中所有的任务分为同步和异步任务。同步任务,就是立即执行的任务,同步任务一般会直接进入到主线程中执行;而异步任务,就是异步执行的任务,比如ajax网络请求,setTimeout 定时函数等都属于异步任务,异步任务会通过任务队列( Event Queue )的机制来进行协调。在事件循环内部,实际上有 2 种类型

2021-07-01 11:03:23 469

原创 vue使用element库实现上传文件和下载本地文件

直接上代码HTML代码<el-upload class="upload-demo" ref="file" :action="action" name="file" :headers="headers" accept=".zip, .rar" :file-list="fileList" :on-exceed="handleExceed" :limit="1" :on-change="handl.

2021-06-26 11:06:22 778

原创 vscode实现ESLint自动保存

vscode实现保存后ESLint自动修改报错为什么写这个解决方案为什么写这个网上找了一大堆解决方案,但是都不适用(应该是由于VSCode的版本问题导致的),折腾了一两个小时,才实现保存代码后ESLint自动修改报错。解决方案VScode版本:版本: 1.57.0 (user setup)找到设置文件 settings.json 加上如下代码“editor.formatOnSave”: false, //保存时自动修复...

2021-06-18 15:46:29 175

原创 JS实现简单复制

直接使用JS的execCommand()方法。 var e = document.getElementById("id"); e.select(); // 选择对象 document.execCommand("Copy"); // 执行浏览器复制命令

2021-01-07 14:00:33 125

原创 Localhost和127.0.0.1

Localhost和127.0.0.1区别1、工作原理:localhost:不通过网卡传输,不受网络防火墙和网卡相关的限制。127.0.0.1:通过网卡传输,依赖网卡,并受到网卡和防火墙相关的限制。2、解释localhost正确的解释是本地服务器127.0.0.1是本机地址也就是本机服务器...

2021-01-01 20:35:10 157

原创 选择框实现搜索过滤

html代码<nz-select formControlName="no" [nzSize]="'default'" (nzOnSearch)="customerFilter($event)" [nzNotFoundContent]="'无法找到'" nzShowSearch allowClear="true"> <nz-option *ngF...

2020-04-23 14:57:43 612

原创 Angular的装饰器

Angular的装饰器Angular中的装饰器是一个函数,它将元数据添加到类、类成员(属性、方法)和函数参数。一、类装饰器负责把元数据附加到类上,以了解那些类的设计意图以及它们应如何工作。a、@Component声明类作为组件并收集组件配置元数据(继承Directive)(1)selector:是一个 CSS 选择器,它会告诉 Angular,一旦在模板 HTML 中找到了这个选择器对应...

2020-04-08 14:17:36 270

空空如也

空空如也

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

TA关注的人

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