自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

caoyan0829的博客

V+caoyan0829

  • 博客(243)
  • 收藏
  • 关注

原创 完美解决video标签控件的隐藏与使用

<video ref="video" playsinline="true" x-webkit-airplay="true" x5-playsinline="true" webkit-playsinline="true" x5-video-player-ty...

2020-03-25 11:42:17 12783 5

原创 uni-app 全局变量globalData的使用

1:在App.vue中要这样使用 ,let _this = this在内部函数onShow,onLaunch等生命周期函数中要这样:wx.getStorage({ key: 'phoneNumber', success(res) { _this.$options.globalData.obtainChatAllow = true; _this.$options.globa...

2019-08-15 18:59:21 19768 4

原创 小程序canvas大全,(圆弧角,画圆,图片短边展示,多行省略,不影响布局)

先上效果图:wxml://生成图片时显示,其余时间隐藏起来,根据css一起使用<view class='canvas-box'> <canvas canvas-id='canvas' style='width:{{windowW}}px;height:{{windowH}}px;' wx:if="{{hideCanvas}}"></can...

2019-08-06 18:21:23 2133

原创 微信小程序完美解决wx.createInnerAudioContext()坑

我刚开始用wx.createInnerAudioContext(),是将此方法写在了我的播放语音函数里,发现怎么暂停和取消都不好使经过踩坑,得出结论!!!1.将此方法声明在onLoad中,(如果声明在page外部,每次进此页面执行语言操作都会多次执行。)2.将api方法也都声明在onLoad中(不需要一直去创建回调事件)3.播放语言操作 /** *...

2019-07-25 20:36:55 22970 6

原创 crypto-js HMACSHA256 前端使用

crypto-js所有链接本人是VUE中使用1.首先npm install crypto-js2.引用import CryptoJS from 'crypto-js/crypto-js'3.签名//stringSign是按照你们的规则去 拼接的字符串//key为平台设置的密钥//此方法为HMAC-SHA256的签名方式 具体签名方法可以打印Cryp...

2019-03-29 18:28:30 22063 2

原创 vue test utils的一些疑难模块测试处理

1.window.Location.href 的测试2.window.open的测试方法3.第三方插件,测试的时候直接在window上mockFn 就可以了

2022-06-21 14:16:38 476 1

原创 JS 常用函数

1.闭包第一次 fun(0):n=0 o=undefined第二次a.fun(1):m=1,由于fun(0)保存了 n=0, 所以 fun(m,n)=》调用的fun(n,o) => n=1,o=0,后面都是如此,n=0 保持不变第三次a.fun(2):同上第四次a.fun(3):同上第五次:fun(0).fun(1) : 内部函数 m=1,n=0 => n=1,o=0 然后继续 .fun(2) m=2,n=1 => n=2,o=1, 按此规律依次打印.

2022-03-03 16:04:58 210

原创 面试题 - VUE相关知识点

1.mvvm工作原理(发布订阅模式和数据劫持)2.vuex的工作原理3.vue和react的对比

2022-03-03 11:35:19 534

原创 ES 6-11 新特性

ES9:1. 对象中使用扩展运算符2. 正则命名捕获分组 groups中含 ' ?<**> ' 包裹的对象3.正则 反向断言根据前面的内容 ‘么’ 来判断 555 是否合法4. dotAll 模式 修饰字符s 加上之后 ' . ' 会匹配任意字符ES10:1.Object.fromEntries 将二维数组转换成对象 和 entries 作用相反2.字符串新增 清楚字符串左侧、右侧空格...

2022-02-28 14:18:35 179

原创 react-router-dom v6 路由传参两种方法

方案一:// home组件render() { const { msgArr } = this.state return ( <div> <ul> { msgArr.map((item, i) => { return ( <li key={item.id}>

2022-01-19 16:18:36 2614 2

原创 react-router v6版本写法的Routes

好久没用react了,没注意react-router的版本变动踩坑了

2021-12-30 10:32:19 550

原创 scrapy 的入门使用超级详细

记录一下scrapy的安装和实践操作的流程1.安装pip install Scrapy2.创建scrapy项目project是蜘蛛名字scrapy startproject project3.创建scrapy res.py蜘蛛文件保存在spiders目录下4.查看是否可正常访问网站​scrapy shell http://lab.scrapyd.cn看到response 返回200 说明此网站支持爬虫5.命令行测试 dom 元...

2021-10-27 11:58:51 1242

原创 Three.js基本使用

1.文件结构2.效果(是动图,自己试一下吧)3.代码// 创建场景const scene = new THREE.Scene()// 创建相机 PerspectiveCamera:透视视角 OrthographicCamera:正射投影// PerspectiveCamera('视角 60-90','投影窗口长宽比','从距离摄像机多远开始渲染','从距离摄像机多远结束渲染 1000')let wid = window.innerWidthlet hei..

2021-09-16 17:16:20 349

原创 解决VScode编辑器开发Three.js无提示语的问题

1.刚开始学的时候发现编辑器没有three.js的提示语,很麻烦。2.解决:在你的文件夹中执行npm install three3.效果

2021-09-16 17:12:34 1506 1

原创 Linux系统安装Node版本工具

1.查看当前版本:[root@izbp17xtpg9zn2bl74w0w8z ~]# npm -v3.10.10[root@izbp17xtpg9zn2bl74w0w8z ~]# node -vv6.17.12.清理npm的cache:npm cache clean -f出现下面就可以了3.安装版本工具npm install -g n报错:npm: relocation error: npm: symbol SSL_set_cert_cb, versi...

2021-08-26 16:48:10 157

原创 matplotlib基础(6)之箱线图 boxplot

from matplotlib import colorsimport matplotlib.pyplot as pltimport numpy as npfrom numpy.core.fromnumeric import sizefrom numpy.core.shape_base import stackimport pandas as pd# 箱线图 boxplot(data) data:float or array-like 数据处理查询异常值 """在上面 异常值.

2021-08-14 16:53:53 514

原创 matplotlib基础(5)之直方图 hist

from matplotlib import colorsimport matplotlib.pyplot as pltimport numpy as npfrom numpy.core.fromnumeric import size# 直方图 hist(data) data:float or array-likenp.random.seed(2) # 保持下面的数据多次生成一样# normal:正态分布 平均值9000 标准差3000data = np.random.normal(.

2021-08-14 16:51:17 150

原创 matplotlib基础(4)之饼图 pie

from matplotlib import colorsimport matplotlib.pyplot as pltimport numpy as npfrom numpy.core.fromnumeric import size# 饼图 x = ['Q1', 'Q2', 'Q3', 'Q4', ]y = [10, 30, 20, 48]plt.axes(aspect=1) # pie本身是椭圆, aspect=1使其为圆形"""autopct:展示数值占比 %2.f保留两.

2021-08-14 16:48:26 490

原创 np.random.normal()正态分布函数 默认值

默认:numpy.random.normal(loc=0.0,scale=1.0,size=None)"""平均值0,标准差1 100个值"""data = np.random.normal(size=100)print(data)打印:直方图:plt.hist(data)例:"""normal:正态分布平均值9000标准差3000 300个数值"""data=np.random.normal(9000,3000,si...

2021-08-13 14:12:52 1118

原创 matplotlib基础(3)之柱状图bar

from matplotlib import colorsimport matplotlib.pyplot as pltimport numpy as npfrom numpy.core.fromnumeric import size# 柱状图 barx = ['Q1', 'Q2', 'Q3', 'Q4', ]y = [10, 32, 21, 18]rect = plt.bar(x, y, width=0.3)plt.grid(True) # 网格# 绘制标度值 enume.

2021-08-13 10:41:12 377

原创 matplotlib基础(2)之折线图plot

from matplotlib import colorsimport matplotlib.pyplot as pltimport numpy as npfrom numpy.core.fromnumeric import size# 折现图 plot# np.random.random((3, 4)) 生成3行4列的浮点数,浮点数都是从0-1中随机,维度:2x = np.arange(10)np.random.seed(3) # 设置随机数种子, 每次都相同y = np.r.

2021-08-13 10:29:11 153

原创 matplotlib基础(1)之散点图scatter

1.首先安装matplotlibpip install matplotlib2.引入matplotlibimport matplotlib.pyplot as pltimport numpy as np3.matplotlib散点图# 散点图 scatter# uniform 均匀分布随机采样arr1 = np.random.uniform(0.0, 5.0, size=(100, 2)) # 100行 2列的元组print(arr1)arr2 = np.ra

2021-08-13 10:21:20 316

原创 Element的时间选择器DatePicker在form中默认当天时间

HTML: <el-form-item label="生产日期"> <el-date-picker v-model="queryDateRange" size="mini" style="width: 240px" value-format="yyyy-MM-dd" type="daterange" range-separator="-".

2021-07-23 09:24:07 1282

原创 数组扁平化去重并降序排列

vararr=[[1,2,2],[3,4,5,5],[6,7,8,9,[11,12,[12,13,[14]]]],10,];//扁平化letflatArr=arr.flat(Infinity);//Infinity或4console.log(flatArr)//去重letdisArr=Array.from(newSet...

2021-06-21 10:15:45 225

原创 [“1“,“2“,“3“].map(parseInt) 详解

["1","2","3"].map(parseInt)// 1, NaN, NaN['1', '2', '3'].map((item, index) => { return parseInt(item, index)})parseInt('1', 0) // 1parseInt('2', 1) // NaNparseInt('3', 2) // NaN, 3 不是二进制

2021-06-15 14:31:43 427

原创 VScode中文汉化

下载安装再重启就ha

2021-06-08 16:26:45 84 2

原创 Element自定义表单rules规则

data() { var validateSplitNum = (rule, value, callback) => { if (value < 1) { callback(new Error("请输入大于零的正整数")); } else { callback(); } }; return { rules: { splitNum: [ { requir...

2021-06-03 15:18:25 660

原创 解决el-dialog中使用echarts加载不出图表

HTML:<template> <el-dialog :visible.sync="openGantt" width="1200px" :append-to-body="true" destroy-on-close @open="openFun()" @close="cancel" > <div id="popupGanttDispatchControl" :style="{ heig

2021-06-03 15:15:09 1955

原创 Echarts按时间生成多个条框的甘特图

代码: this.chart.setOption({ backgroundColor: "#fff", title: { text: "排产甘特图", left: 10, }, grid: { containLabel: true, left: 20, }, xAxis: { type: "ti..

2021-06-03 15:00:36 1469 1

原创 用Echart的Graph实现双向流程图

效果图:Echart代码: initChart(item) { this.chart = echarts.init(document.getElementsByClassName("popupQualified")[0]); this.chart.setOption({ yAxis: [ { type: "category", boundaryGap: false, ..

2021-04-27 14:45:04 1324 2

原创 Echart中series自定义formatter文字样式

series: [ { data: [ { name: "工序1-1", value: [0, 1], label: { normal: { show: true, formatter: function (params) { console.log(params, 123); ...

2021-04-27 11:49:48 3812 1

原创 修改Echart 图表主题颜色

this.chart = echarts.init( document.getElementById("taskStatisticsComCamBar"), "light" //default);

2021-04-13 17:40:49 605

原创 Echart自定义tooltip带小圆点

tooltip: { trigger: "item", formatter: function (params) { console.log(params) // marker 为一个HTML标签 var res = params.marker + params.name + ":" + params.value + "%"; return res;...

2021-04-09 11:45:54 762

原创 ElementUI获取子组件Dialog内的Form

子组件:父组件:使用:

2021-03-19 14:54:26 487

原创 Echart甘特图圆柱图表bar柱体颜色根据参数值去改变

效果图:绿色的圆柱图就是根据值去判断的颜色 series.data数据:注意:这里data可以直接取参数为value的值,这样就可以区分参数再做调整。setOption配置: initChart(item) { this.chart = echarts.init(document.getElementById("popupGantt")); this.chart.setOption({ backgro...

2021-03-18 16:49:38 656

原创 element Table组件树类型多参数使用row-key

<el-table v-loading="loading" :data="data" border default-expand-all :row-key="getRowKeys" :tree-props="{ children: 'children', children: 'children' }" > getRowKeys(row){ return row.code + row....

2021-03-02 09:07:39 5059 4

原创 pandas之数据分组和时间序列

groupby,unique,date_range,to_datetime,resample# hello pandas""" Series : 列 DataFrame : 表"""import numpy as npimport pandas as pd#df_excel = pd.read_excel('./pandasFile/data.xlsx')print('\n12:')print(df_excel)""" 日期 名称...

2021-01-26 18:32:18 420

原创 FutureWarning: Indexing with multiple keys (implicitly converted to a tuple of keys) will be depreca

FutureWarning: Indexing with multiple keys (implicitly converted to a tuple of keys) will be deprecated, use a list instead.FutureWarning:将不推荐使用多个键(隐式转换为键的元组)进行索引,请改用列表。解决: [[ ** ]]grouped_sum = grouped[['金额','数量']].sum()此警告在pandas 1.0.0中引入。gro...

2021-01-26 10:52:50 3814

原创 pandas之数据排序和合并

rank,sort_index,merge,concat,info,describe# hello pandas""" Series : 列 DataFrame : 表"""import numpy as npimport pandas as pd# 对数据排序# 对列排序 seriesst = pd.Series(list('ACB'), index=[3, 1, 2])print('\n14:')print(st)"""3 A1 C2

2021-01-25 17:37:39 621

原创 pandas之数据选取(2)

query:查询isin:是否符合T:对调导入数据:read_table,read_csv,read_excel,read_html# hello pandas""" Series : 列 DataFrame : 表"""import numpy as npimport pandas as pd# padas 使用比较运算筛选数据data = { 'name': ['jack', 'mary', 'lily', 'bobo'], 'age':

2021-01-21 15:50:24 105

空空如也

空空如也

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

TA关注的人

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