自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(20)
  • 收藏
  • 关注

原创 搭建react项目

首先将node升级到10及以上 执行命令 npm install -g create-react-app 然后执行 create-react-app my-app,这时我一直执行不成功,出现错误:Aborting installation. npm install --save --save-exact --loglevel error react react-dom react-scripts cra-template has failed.然后我手动执行命令npm install --save.

2021-03-02 15:01:53 436

原创 vue blob流下载zip文件,下载后包文件显示文件损坏

今天遇到一个问题,就是下载的zip文件打不开,一直显示文件被损坏。本来觉得是后端的问题,但是排除了好久,确实没有问题,postman也实验成功。后来发现系统main.js中引入了mock数据,影响了axios请求,造成了请求的流文件内容乱码。将mock引入注释掉即可。其他的正常请求处理即可。this.$axios({method:"post",url:url,data:{...

2020-09-04 10:30:42 10692 8

原创 数组和对象的深拷贝

一般前端新手必犯的错误就是把数据直接相等赋值,结果因为指针指向问题,造成数据错误。这叫要谈到深拷贝和浅拷贝,深拷贝是增加了一个指针指向已存在的内存地址(修改的话,是修改堆内存中的同一个值)深拷贝是增加了一个指针并且申请了一个新的内存,使这个增加的指针指向这个新的内存(修改的话,是修改堆内存中的不同的值)浅拷贝没什么可说的,下面是深拷贝的通用写法。//数组和一般对象(不包含基本类型的封装对象、日期、正则等)的深拷贝Vue.prototype.$$deepClone=function..

2020-08-27 15:32:38 503

原创 Visual Studio Code的快捷键

1.查找文件的快捷键是 ctrl+P2.查找行数的快捷键是 ctrl+G3.切换主题颜色的快捷键是 ctrl+k ctrl+t4.文件格式化的快捷键是 shift+alt+f5.选择文件=》首选项=》设置=》然后输入mouse ,可设置编辑器随ctrl+滚轮缩放字体大小有没有想要脱单的小伙伴,加入我们的脱单星球,认识更多优秀的小哥哥小姐姐特此声明,星球是免费的,但是创建星球的时候说是必须输入金额,所以只能先私聊,我再加你免费加入!...

2020-06-03 14:06:23 216

原创 数组删除其中某个对象的方法

数组删除其中的对象或元素,在前端是比较常见的需求。我现在比较常用的方法如下:// An highlighted blocklet index = -1;for(let i=0;i<this.list.length;i++){ if(this.list[i].id == data.id){//目前主键和想要删除的主键对比 index = i; }}if(index>-1){ this.list.splice(index,1);}这种方法只适合删除具有唯一标识的对象。

2020-06-01 10:08:41 6083 4

原创 使用element-ui中的el-autocomplete报错

使用element-ui中的el-autocomplete报错,报错如下:在handleChange这个方法中报错,传入的不是event事件,而是输入的字符串。最近使用element-ui中的el-autocomplete发现框架原生代码里面报错,一开始我还不相信原生代码会有这么低级的错误,所有我花了两个小时看我自己的问题,该试了都试了,直到在在线运行事例代码后发现也报错才确认。有个问题,如何给element官方提问题呢?...

2020-05-15 10:50:50 3250 6

原创 Json.parse时遇到特殊字符报错的解决方案

Json.parse时遇到特别字符的解决方案今天进行深拷贝的时候,发现一个问题如果拷贝对象中有特殊字符,使用Json.parse(Json.Stringify(item))这个方法时会报错。后来的解决方案如下://将不同车辆种类对应的传感器位置信息进行深拷贝pushCameraList:function(param){ this.cameraList = []; param.forEach(item => {

2020-05-14 16:25:57 5017 1

原创 Proxy error: Could not proxy request /queryCarList from localhost:8090 to http:10.12.0.15:7777

今天同事遇到一个问题,vue项目中代理不成功。试了很多方法,就是不行,依旧是这个错误。后来想着会不会防火墙什么问题,问了她一下,居然发现开着360安全卫士,怪不得不成功(哭)关掉360安全卫士,就可以正常代理了。...

2020-05-06 18:46:39 10914

原创 vue中使用video-player无法播放视频

本篇是关于在vue项目中使用video-player遇到的坑本文分三个部分:一:如何使用video-player二:遇到的坑一三:遇到的坑二使用video-player1. 先安装插件npm install video.js --savenpm install vue-video-player --save2.在main.js中使用video-player...

2020-04-30 18:58:33 27031 10

原创 vscode如何拉取分支代码

vscode编辑器结合git使用时,只能clone master的代码命令是 git clone XXX, XXX是git代码地址然后我怎么拿到分支代码呢,请看下图:点击图上红圈,出现下图点击远程分支,即可把相应代码拉取下来,其实很简单,但是第一次操作的同学,有可能不知道,希望有帮助!...

2020-04-27 14:10:25 22456 3

原创 关于npm run dev报错npm ERR! missing script: serve

关于启动项目时,总是出现npm ERR! missing script: serve的错误,我有话要聊针对这个问题,我做了各种尝试的解决方案1.重新新建了一个文件夹,download了新的代码,重新npm install 了,发现不行2.执行了vue init webpack的命令,发现不行3.害怕是Vue cli3的问题,vue init不成功。然后cmd,执行命令npm i...

2020-04-27 14:02:40 9815 3

原创 如何从git上克隆代码

1.安装git2.在桌面,点击右键,出现选项,点击Git Bash Here ,出现下图:3.cd 进去你想要存储的路径,如下图:4.然后进行git init,如下图:5.之后执行命令,git clone url,url代表的就是git代码的地址,至此就可以成功。...

2020-04-16 11:20:45 6748

原创 特别好用的git动图制作软件

先上效果图:专门录了一个最近看的电视评价,一如社畜的我们~回归正题:1.官网下载地址:https://www.cockos.com/licecap/2.下载完成之后就无脑安装即可3.安装完成打开软件,如下图:呈现一个空白框,左边的是FPS是设置帧数,一般都是8或15,看的就比较清楚不怎么卡帧了,如果设置的多一些比如30,会更流畅但是相应的图片的容量会比较大。Si...

2020-04-11 15:50:22 1765

原创 自定义简洁的日历小组件

先上效果:这个日历小组件是基于element-ui的日历组件来做的,但是我发现这个组件过于局限,竟然没有自由选择年份和月份的地方。所以我就将element-ui里的日期选择和日历选择组合成了上图的效果,如果当前有日程的话,则会有一个小红点。浮上此日期会显示当天日程的内容。每次切换月份则请求一次后台,拿到最新的日程数据。代码如下:<template>&...

2020-04-11 11:09:49 2995

原创 获取当前时间和日期格式转换

在util.js中定义获取当前时间的方法:Vue.prototype.$$getCurrentTime=function(){letyy=newDate().getFullYear();letmm=(newDate().getMonth()+1)<10?'0'+(newDate().getMonth()+1):(n...

2020-04-11 10:15:37 385

原创 el-date-picker限制时间选择

重点就是给定:picker-options这个参数,然后在controlTime中进行限制其中$$getCurrentTime()是我的全局方法。就这样就可以限制日历组件的时间选择了。

2020-04-08 17:15:45 1991

原创 如何升级element-ui

1.先卸载element-ui使用命令:npm uninstall element-ui 或cnpm uninstall element-ui2.再次安装element-ui使用命令:npm install element-ui -S 或 cnpm install element-ui -S //安装最新版本的element-ui如果安装指定版本的element-ui,则是...

2020-03-31 18:11:20 3721

原创 es6的新用法1

1.es6新增了两个map和set的数据结构map相关的用法有:map.get('AA');map.set('AA','11');map.has("AA");true或falsemap.delete("AA");set和map结构类似,但是只存储key,不存储value,且key不可能重复。set建立时需要用一个array作为输入let s1 = new Set()...

2020-03-30 20:55:40 389

原创 什么是变量提升和函数提升?

猜猜输出什么?这就是结果为什么会输出这样的结果呢,其中牵扯到函数提升和变量提升,且听我慢慢道来首页明确一点,在es6之前还没有块级作用域,只有全局作用域和函数作用域。引擎在加载一个js文件时,分为两个步骤:第一步骤是读取js代码,将所有变量声明和函数声明提升到全局作用域的顶端,即所谓的变量提升和函数提升,划重点只是提升变量声明,并不将赋值初始化提升。第二步骤是运行代...

2020-03-28 17:30:10 2177 1

原创 git stash的用法

首先,git stash的含义是将修改的代码先暂存起来,让本地仓库回到最后一次提交时的状态,便于代码的更新管理,主要避免修改文件与最新代码的冲突。最近项目中遇到一些文件修改了,暂时不想提交,就想到了使用stash命令。首先,可以将自己想提交的文件,先进行暂存的更改,然后进行commit之后将不想提交的文件 ,执行git stash命令,如下图项目修改区相应的文件就暂时...

2020-03-28 15:32:24 768

空空如也

空空如也

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

TA关注的人

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