- 博客(22)
- 资源 (1)
- 收藏
- 关注
原创 vue使用JSWebrtc播放webrtc视频流
- webrtc播放器 -- > < video id = "jswebrtc" ref = "jswebrtc" controls style = "width: 100%;
2023-07-07 11:20:24 3266 4
原创 canvas如何设置图像不被移出画布
分为三步:第一步:获取画布中加载的图像的尺寸大小;第二步:获取当前画布的尺寸大小;第三步:用图像尺寸和画布尺寸比较。
2023-07-06 08:59:19 226
转载 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 272
原创 echarts横向柱状图分享
效果图突出点(稍后补充)代码option = { backgroundColor:'rgba( 9, 12, 32, .5)', tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } }, legend: {
2021-07-16 14:23:54 517
原创 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 1343 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 172
原创 JavaScript事件执行顺序梳理
JavaScript事件执行顺序梳理事件循环机制任务队列宏任务、微任务事件循环机制为了协调事件、用户交互、脚本、UI 渲染和网络处理等行为,用户引擎必须使用 event loops。任务队列js中所有的任务分为同步和异步任务。同步任务,就是立即执行的任务,同步任务一般会直接进入到主线程中执行;而异步任务,就是异步执行的任务,比如ajax网络请求,setTimeout 定时函数等都属于异步任务,异步任务会通过任务队列( Event Queue )的机制来进行协调。在事件循环内部,实际上有 2 种类型
2021-07-01 11:03:23 472
原创 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 780
原创 vscode实现ESLint自动保存
vscode实现保存后ESLint自动修改报错为什么写这个解决方案为什么写这个网上找了一大堆解决方案,但是都不适用(应该是由于VSCode的版本问题导致的),折腾了一两个小时,才实现保存代码后ESLint自动修改报错。解决方案VScode版本:版本: 1.57.0 (user setup)找到设置文件 settings.json 加上如下代码“editor.formatOnSave”: false, //保存时自动修复...
2021-06-18 15:46:29 177
原创 JS实现简单复制
直接使用JS的execCommand()方法。 var e = document.getElementById("id"); e.select(); // 选择对象 document.execCommand("Copy"); // 执行浏览器复制命令
2021-01-07 14:00:33 129
原创 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 161
原创 选择框实现搜索过滤
html代码<nz-select formControlName="no" [nzSize]="'default'" (nzOnSearch)="customerFilter($event)" [nzNotFoundContent]="'无法找到'" nzShowSearch allowClear="true"> <nz-option *ngF...
2020-04-23 14:57:43 616
原创 Angular的装饰器
Angular的装饰器Angular中的装饰器是一个函数,它将元数据添加到类、类成员(属性、方法)和函数参数。一、类装饰器负责把元数据附加到类上,以了解那些类的设计意图以及它们应如何工作。a、@Component声明类作为组件并收集组件配置元数据(继承Directive)(1)selector:是一个 CSS 选择器,它会告诉 Angular,一旦在模板 HTML 中找到了这个选择器对应...
2020-04-08 14:17:36 271
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人