- 博客(21)
- 收藏
- 关注
原创 video元素play函数执行后出现白屏
一开始以为是视频流的问题,但是后面发现是dom元素获取的问题,最初用的getElementById来获取元素,后面还是用ref才能精准获取到。navigator.mediaDevices.getUserMedia(constraints)//视频流原因:很可能是因为,子应用下多个tab页面都引入了视频组件,都是一个id,导致getElementById获取到的并不是实际的dom元素。解决方法:ref引入就行了bug如下,获取不到dom元素...
2021-12-02 11:45:52
1076
原创 hc定制平台组件使用
1、hc组件之slot插槽的使用需求:page-engineering组件详情页面插入自定义视频,通过getDetailCallback方法回调设置 <page-engineering ref="pageEngineering" @getDetailCallback="getDetailCallback" > <!-- 插槽内容 --> <template #video> ...
2021-11-28 23:11:26
421
原创 echarts之formatter两种使用形式及蝴蝶图的绘制
1、formatter两种使用形式可以通过函数和字符串模板来自定义formatter①通过函数动态创建节点通过循环param的长度,不写死节点,这样有一个好处就是当点击了某一个legend取消了数据的展示的时候,tooltip提示框不至于报错。formatter: function (params) { var result = "<div>" + params[0].axisValue + "</div>"; params....
2021-10-17 23:14:05
3908
原创 echarts绘制自定义tooltip、仪表盘、渐变双折线图
①自定义tooltipecharts自带的效果是没有单位的,并且需求还需要对数据进行千分位处理,圆点是自己画的。formatter: function(params) { var result = "<div>" + params[0].axisValue + "</div>"; let item1 = "<span style='display:inline-block;marg
2021-09-21 21:34:13
1937
原创 echarts绘制自定义提示的环形图、折线图及y轴柱状图
1、自定义提示的环形图 this.ring_dom = this.$refs.ring const myRing = this.$echarts.init(this.ring_dom) let total this.total < 10 ? (total = ' ' + this.total) : (total = this.total) const option = { //显示在环形内的文字 titl
2021-08-15 13:25:59
2002
原创 el-table复选框实现分页记忆
el-table 结合 el-pagination 实现分页后默认是没有复选框记忆功能的,想到采用Map数据结构来存储所选选项。但是vue响应数据是不支持的,Map与Set里面的元素变化时Vue追踪不到这些变化,因此无法做出响应。解决方法是将Map可序列化,写在computed中实现响应式。 data () { return {myMap:new Map(), } }, methods:{ selectMemoriedDataFn () { // 分页记忆自动选中方..
2021-06-06 21:13:30
1084
1
原创 element-ui表单单元格内容换行+文本省略
<el-table-column :show-overflow-tooltip="true" v-if="this.tableData[0]&&this.tableData[0].hasOwnProperty('groupName')"> <template slot-scope="scope"> <p v-if="scope.row.extOutput.storeName" class="tooltip.
2021-01-20 14:56:18
2186
原创 vue+element 动态设置select禁用选项
现在有一个select选择器A,当里面的选项为一个特定选项时,此时选择器B为可选状态,否则就是禁用状态。首先官网告诉我们,可以通过设置disabled属性来实现。具体看一下代码://选择器A <el-select v-model="listQuery.orderType" filterable placeholder="选择器A" @change="handleChange
2021-01-04 14:24:56
11689
2
原创 git提交报husky > commit-msg hook failed (add --no-verify to bypass)的错
记录一下这次报错,报错信息主要如下:husky > commit-msg hook failed (add --no-verify to bypass)问了一下leader,是因为项目之前更新了依赖,我重新拉下来的没有装最新的依赖解决方法:重装依赖npm i重新提交git commit -m "xxxx"很迷惑的是使用vscode图形界面直接提交的话,提交不上去,出现了以下错误:husky > commit-msg (node v12.18.3)⧗
2020-12-29 11:00:12
9167
4
原创 在react-router中使用mobx的正确芝士~
一开始傻傻地在router下面使用provide,class App extends Component { render() { return ( <div> <Router> <Switch> <Route exact path="/" > <Home /></Rou
2020-11-20 15:12:34
1118
原创 ES6知识点
let与constlet和const的作用域都是块级作用域,都不能重复声明,都不存在变量提升,在变量声明前使用会导致暂时性死区。两者的区别在于,let声明的是一个常量,声明时可以不赋值,声明后可以修改;const声明的是一个常量,声明时一定要赋值,声明后不能被修改。const实际上并不是说变量的值不能改动,而是说变量指向的内存地址不变。对于基本数据类型而言,值就是指向内存地址中的数据,等同于常量。对于引用类型而言,const让指针的指向是固定的。如果const声明一个对象,对象是可以添加新属性的,声明
2020-09-18 10:10:04
80
原创 JS修改对象属性的值
当对象以数字为属性名时,其实就是一个数组,用[’’]var foo={1:'a',2:'b'} foo['1']='c' console.log(foo) // { 1: "c", 2: "b" }当对象以字符为属性名时,直接用.获取属性值var bar = {a:1,b:2,c:3} bar.a= 'hello'; console.log(bar) //{ a: "hello", b: 2, c: 3 }其中就是[]与.的区别,中括号运算符[]可以存取数组元素值,使用点运算符.可以存取对象属性值。
2020-09-18 10:06:07
14395
原创 Node搭建服务器实现真机调试项目
Node搭建服务器实现真机调试项目一、初始化npm初始化项目,终端输入npm init -y,默认直接生成一个package.json文件。安装Express,在终端输入 npm i -S express二、编写Express配置文件新建一个app.js文件var express = require('express');var path = require('path');var app = express();//在express添加中间件,设置静态资源路径为public
2020-09-13 10:42:56
199
原创 Vue之跨域调用网易云音乐API及QQ音乐API
今天在做项目的时候,发现调用QQ音乐轮播图的API一直失败由于网易云服务器接口返回的数据类型并不是jsonp,是json,造成由于格式问题的报错。json是一种格式,jsonp是一种请求跨域资源的方式。2、浏览器拦截跨域请求处理方法(已阻止跨源请求:同源策略禁止读取远程资源)转存失败重新上传取消转存失败重新上传取消转存失败重新上传取消解决方法:在被请求的程序中添加HTTP头,即CORS跨域(跨域资源共享,Cross-Origin Resource Sharing)// 直...
2020-06-05 19:57:25
2876
4
原创 小程序之引入腾讯路线规划插件实现地图路线导航功能
折腾了一晚上,搜到教程都是碎片化的!在坑里掉了又掉,终于弄明白所有流程了,想写一个小白版教程(话说我最喜欢配图教程了,详细),下面直接进入正题。一:申请路线规划插件在微信公众平台申请插件,是这个网页而不是公众号,"登录"->"设置"->"第三方插件"->"插件管理"->"添加插件",直接搜"腾讯位置服务路线规划"添加成功后,点"详情"查看插件AppID...
2020-05-02 12:16:37
3478
8
原创 浅析JS中异步调用机制
JS是单线程的,单线程是指在事件队列中,每次只执行一个事件,如果设计成多线程模式,DOM之间会存在资源竞争。首先,我们要了解浏览器内核的线程,由多个线程组成浏览器的渲染进程,共同渲染出页面。各线程作用如下:GUI(图形用户界面)渲染线程 渲染界面:解析HTMl,CSS,构建DOM树,Render树,布局和绘制。重绘或有回流时执行。 JS引擎线程...
2020-02-14 12:29:29
446
1
原创 记Vue踩坑
1、报错信息:npm run servenpm ERR! missing script: servenpm ERR! A complete log of this run can be found in:npm ERR! C:\Users\Rian\AppData\Roaming\npm-cache\_logs\2020-01-21T10_34_05_5...
2020-02-12 17:38:05
2918
原创 字符串匹配算法
字符串模式匹配算法 课程设计概述1.1问题描述关键词匹配(Keyword Matchmg)有时也称为模式匹配(Pattern Matching),是计算机科学中一个基本问题,也是一个经典的算法问题。本文主要分析了蛮力法、KMP算法和Horspool算法,并对三种算法的复杂度进行了分析和比较。1.2基本要求KMP和Horspool算法要解决的问题就是在字符串中的模式串的匹配定位问题...
2019-09-26 22:02:03
525
原创 数据链路层实验
一、分析Ethernet II帧格式协议配置:在网络链接-本地链接-属性中选择TCP/IP协议,启动wireshark-本地链接开始抓包,下面是获取的报文:图1-Ethernet II包含目的MAC地址,源MAC地址,链路层数据部分所封装的上层协议是IP协议图二-IP头部信息其版本号为4,头部长度20字节,总长度60, IPid286, 没有分片, 生命周期128,上层协议封装的...
2019-08-26 00:04:51
940
原创 matlab转为python之绘制三角波及其频谱【2.1】
做项目时老师要求用python,可是书上的列题使用matlab,在matlab完全不会和python只懂一点皮毛的情况下,硬着头皮绘出了第一个图,真的开心,撒花❀❀❀❀import matplotlib.pyplot as pltimport numpy as npn=(np.linspace(0,25,125))g=np.zeros(np.size(n))for i in rang...
2019-03-25 20:01:34
2954
原创 python绘图
安装好matplotlib和numpy后就可以直接在idle上写代码画图了>>> import matplotlib.pyplot as plt>>> import numpy as np>>> n=np.linspace(0,25,125)>>> y2=2*n>>> plt.figure()...
2019-03-21 15:44:16
1290
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人