不会秃头-优快云博客

声明：call、apply、bind无法改变箭头函数的this指向例如：可以看到箭头函数在这里初始的时候指向，使用apply、bind、call来尝试改变它的指向，都失败了，始终指向结论：箭头函数指向为它的爷爷对象。也就是父级的父级对象。证明：可以看到，我们在中调用箭头函数，为全局函数，它指向的是，然后我们是在对象里面的调用，箭头函数的指向父级的父级，在这里也就是指向了前面说到，我们不能改变箭头函数的指向，但是我们可以改变它父级的父级的指向，由于箭头函数指向父级的父级，也就代表着我们改变了箭头函

2022-06-02 18:08:48 234

原创 call和apply和bind的区别

参考链接：区别相同点：call和apply和bind都是用来重新绑定this的指向，并且可以传递参数。普通函数的指向为它的调用者，如果不更改this指向，那么使用得到的为,然后我们分别用apply、call、bind来改变了this的指向。这是他们三者的相同点。不同点：

2022-06-02 18:04:37 122

原创 nodemon:无法将“nodemon”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。

解决方法：1. 全局安装nodemonnpm install nodemon -g2. 找到nodemon.cmd所属目录，在你node安装node_global目录下。查看node用户变量目录：npm config get prefix我的nodemon.cmd所在目录为：D:\node\node_global3.将该目录添加到环境变量Path中4.cmd中查看nodemon版本nodemon -v如果显示版本，则说明nodemon全局安装已经成功了。5.打开我们的编辑器内

2022-05-06 17:24:19 5627 1

原创 srs ffmpeg 推视频流记录

推流方式SRS作为视频服务器，使用FFmpeg进行推流。低延迟模式，RTMP转webRTC流进行播放。部署步骤（简略版本）需要先安装docker部署srsdocker run --rm --env CANDIDATE="192.168.215.128" -p 1935:1935 -p 8080:8080 -p 1985:1985 -p 8000:8000/udp -d --name SRS registry.cn-hangzhou.aliyuncs.com/ossrs/srs:4 objs/

2022-03-21 14:01:18 3131

原创函数作为参数时的使用问题

问题原因今天工作时，碰见一个函数A的参数为函数B，然后在A里面，B有被点击事件调用、被作为参数传入另一个函数调用。然后发现了一些问题，特来记录。问题详情函数A：renderSearchFormrenderSearchForm = (onReset) => { return ( <div> <Button style={{ marginLeft: 8 }} onClick={onReset}> 重置

2022-03-18 19:16:31 431

原创 docker常用命令

查看正在运行的容器：docker ps查看正在运行的容器日志：docker logs 容器名称进入指定容器：docker exec -it 容器名称 bash退出容器：ctrl + D

2022-01-19 14:22:28 749

原创 taro安装踩坑记录

首先这里采用yarn的方式安装taro：yarnglobaladd @tarojs/cliyarn比npm 速度更快。安装完毕后，使用代码查看是否安装成功：taro -v结果报错：‘taro’ 不是内部或外部命令,也不是可运行的程序或批处理文件。解决方法：yarn global bin将出现的地址添加到环境变量Path里面。添加完毕后，再次输入：taro -v报错：文件名目录名或卷标语法不正确找到下述地址：...

2022-01-17 11:10:44 2815 1

原创 Centos7 linux源码方式安装ffmpeg

源码下载：源码下载地址：Download FFmpeg选择最新版本4.4.1的xz 压缩包源码解压：上一步我们下载ffmpeg到我们的windows硬盘了然后我们上传到我们的linux服务器，我选择了SFTP的方式进行上传1。在usr/local下创建ffmpeg文件夹，并进入ffmpeg文件夹下cd /usr/local/mkdir ffmpegcd ffmpeg2。使用SFTP上传 ffmpeg-4.4.1.tar.xz 文件到ffmpeg下..

2022-01-14 14:07:00 688 1

原创 linux安装ffmpeg

sudo rpm --importhttp://li.nux.ro/download/nux/RPM-GPG-KEY-nux.rosudo rpm -Uvhhttp://li.nux.ro/download/nux/dextop/el7/x86_64/nux-dextop-release-0-5.el7.nux.noarch.rpmsudo yum install ffmpeg ffmpeg-devel -y

2022-01-13 15:39:51 460

原创一个鼠标移动特效

特效样式：html代码：<canvas id="canvas" width="" height=""></canvas>JS代码：window.onload = function () {//气泡效果 var canvas=document.getElementById('canvas'); var context=canvas.getContext('2d'); canvas.width=window.innerWid.

2022-01-13 14:30:22 390

原创 flv.js: Maximum buffering duration exceeded, suspend transmuxing task

出现这个问题是因为flv.js默认预加载三分钟的视频，如果超过三分钟则会报错。解决办法：this.playbackPlayer = flvjs.createPlayer(mediaDataSource,{lazyLoadMaxDuration:5 * 60})在createPlayer后面多加一个参数lazyLoadMaxDuration5 * 60 代表5分钟...

2022-01-06 11:47:22 1803 3

原创 80端口进不去问题解析

今天啊像往常一样打开我的小网站，发现竟然进不去了。然后使用网站： Open Port Check Tool - Test Port Forwarding on Your Router测了一下80端口ping不通了。这是我心里暗自感叹自由的巨人，墙外的美丽。我这可怜的仅存的缝隙，终于也被夺走了吗？但是贫困的我怎么能如此就放弃，毕竟这是我200多买的！于是我就去找客服理论。并且慢慢发现了事情的真相。好像是我linux服务器的端口没有开发？不会啊，我在阿里云控制台上打开了啊！...

2022-01-05 15:12:36 4503

原创 antD form.resetFields()；

恢复表单的默认初始值<FormItem label='状态' {...formItemLayout}> {getFieldDecorator('status', { initialValue: '-99', })( <Select placeholder='请选择状态'> {getSelectOptionsFromDict(handleStatus, true, '-99')} &lt

2022-01-04 14:03:26 1820

原创 AntD Select组件 optionFilterProp的用法

AntDesign版本：3.19今天在使用Select组件的时候，发现多选组件自带的了搜索功能。但是他的搜索功能默认的是按照选项的value值来搜索的，而不是选项的内容。解决方法：optionFilterProp='children'指定按照选项的内容来搜索也可以指定Option的属性名，默认是value<Select placeholder="Select a person" optionFilterProp="children" mo.

2021-12-29 10:41:43 5698

原创 AntDesign Form表单的自定义校验

项目antD版本：3.19使用antD的form来管理我们的表单的时候，我们有时候需要自定义规则校验某个字段，这个时候就可以在rules里面添加validator属性，指向我们定义的方法。<Form.Item label='下午结束时间'> {getFieldDecorator('pmEndTime', { initialValue: moment('18:00:00', 'HH:mm:ss'), rules: [

2021-12-28 17:06:14 5583

原创鼠标点击特效

onload = function() { var click_cnt = 0; var $html = document.getElementsByTagName("html")[0]; var $body = document.getElementsByTagName("body")[0]; $html.onclick = function(e) { var $elem = document.cre...

2021-12-24 14:46:02 135

原创 css transform和transition

transform：转换，旋转一般和transform-origin（原点位置）配合来使用根据原点位置来旋转盒子transition：过渡一个简单的过渡动画例如：transition: width 0.3s;当长度有改变的时候做一个过渡动画，而不是生硬的进行改变。...

2021-12-23 11:06:33 322

原创 CSS transform-origin原点位置

一般我们使用transform-origin的格式为：transform-origin:50% 50%这里解释一下50%的比例标准如上图，从-x到x是0到100%的过渡，同样，从-y到y是0到100%的过渡。注意：这里的y轴是反向的，和我们数学里常见的坐标轴不一样。知道这个后，我们就可以对A到G点用transform-origin来表示：A:transform-origin:0 50%B:transform-origin:50% 0C:transfo..

2021-12-22 17:06:21 642

原创 flex布局详细整理介绍

创建一个flex容器创建方式：display:flex代码展示：html<div class="body"> <div class="flex-item">1</div> <div class="flex-item">2</div> <div class="flex-item">3</div></div>css.body { display:.

2021-12-20 14:14:24 628

原创 nginx部署html+css页面 css没有生效

nginx部署html+css页面 css没有生效

2021-12-14 10:12:54 7565 5

原创 npm install -D -S -G 和不加后缀的区别

首先声明：npm install 等价于 npm inpm install --save 等价于 npm install -Snpm install --save-dev 等价于 npm install -Dnpm install --global 等价于 npm install -g后面的只是前面的简写...

2021-12-10 15:28:43 1729

原创 echo hello C ＞＞ tmp.txt

echo hello C >> tmp.txt将字符串输出追加重定向，当前目录存在tmp.txt，则将tmp.txt的内容后面追加输出的字符串

2021-12-07 14:06:36 263

原创 LessError: error evaluating function `darken`: color.toHSL is not a function

运行环境：react+antd 。直接 npm start 。虽然运行成功，但是过程中报错：LessError: error evaluating function `darken`: color.toHSL is not a function“问题原因：黑暗主题颜色不兼容解决方法：在路径：node_module --> antd --> lib --> style --> themes --> default.less在444行(我的是44.

2021-11-30 10:13:48 5250 2

原创 Webpack学习笔记

第一节：webpack简介

2021-11-29 23:07:20 298

原创判断变量是否为数组的两种方式

方式1：a instanceof Array方式2:Array.isArray([1,2,3])

2021-11-29 21:45:03 110

原创 umi+dva -- connect数据流向分析(models)

详细概述：首先在组件里使用connect关键字根据命名空间连接models层，获取models层的state状态作为组件的状态。当组件需要更改state状态的时候，调用action里的方法。action里的方法本质是调用models里的effects（异步请求）或reducers（同步请求）里的方法。 models层里的异步请求，使用yield关键字通过call来发送后台请求，这里的请求是通过services层的request来访...

2021-11-25 17:57:22 830

空空如也

空空如也