- 博客(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 471
原创 vue blob流下载zip文件,下载后包文件显示文件损坏
今天遇到一个问题,就是下载的zip文件打不开,一直显示文件被损坏。本来觉得是后端的问题,但是排除了好久,确实没有问题,postman也实验成功。后来发现系统main.js中引入了mock数据,影响了axios请求,造成了请求的流文件内容乱码。将mock引入注释掉即可。其他的正常请求处理即可。this.$axios({method:"post",url:url,data:{...
2020-09-04 10:30:42 11286 8
原创 数组和对象的深拷贝
一般前端新手必犯的错误就是把数据直接相等赋值,结果因为指针指向问题,造成数据错误。这叫要谈到深拷贝和浅拷贝,深拷贝是增加了一个指针指向已存在的内存地址(修改的话,是修改堆内存中的同一个值)深拷贝是增加了一个指针并且申请了一个新的内存,使这个增加的指针指向这个新的内存(修改的话,是修改堆内存中的不同的值)浅拷贝没什么可说的,下面是深拷贝的通用写法。//数组和一般对象(不包含基本类型的封装对象、日期、正则等)的深拷贝Vue.prototype.$$deepClone=function..
2020-08-27 15:32:38 531
原创 Visual Studio Code的快捷键
1.查找文件的快捷键是 ctrl+P2.查找行数的快捷键是 ctrl+G3.切换主题颜色的快捷键是 ctrl+k ctrl+t4.文件格式化的快捷键是 shift+alt+f5.选择文件=》首选项=》设置=》然后输入mouse ,可设置编辑器随ctrl+滚轮缩放字体大小有没有想要脱单的小伙伴,加入我们的脱单星球,认识更多优秀的小哥哥小姐姐特此声明,星球是免费的,但是创建星球的时候说是必须输入金额,所以只能先私聊,我再加你免费加入!...
2020-06-03 14:06:23 250
原创 数组删除其中某个对象的方法
数组删除其中的对象或元素,在前端是比较常见的需求。我现在比较常用的方法如下:// 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 6132 4
原创 使用element-ui中的el-autocomplete报错
使用element-ui中的el-autocomplete报错,报错如下:在handleChange这个方法中报错,传入的不是event事件,而是输入的字符串。最近使用element-ui中的el-autocomplete发现框架原生代码里面报错,一开始我还不相信原生代码会有这么低级的错误,所有我花了两个小时看我自己的问题,该试了都试了,直到在在线运行事例代码后发现也报错才确认。有个问题,如何给element官方提问题呢?...
2020-05-15 10:50:50 3378 6
原创 Json.parse时遇到特殊字符报错的解决方案
Json.parse时遇到特别字符的解决方案今天进行深拷贝的时候,发现一个问题如果拷贝对象中有特殊字符,使用Json.parse(Json.Stringify(item))这个方法时会报错。后来的解决方案如下://将不同车辆种类对应的传感器位置信息进行深拷贝pushCameraList:function(param){ this.cameraList = []; param.forEach(item => {
2020-05-14 16:25:57 5251 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 11096
原创 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 28179 10
原创 vscode如何拉取分支代码
vscode编辑器结合git使用时,只能clone master的代码命令是 git clone XXX, XXX是git代码地址然后我怎么拿到分支代码呢,请看下图:点击图上红圈,出现下图点击远程分支,即可把相应代码拉取下来,其实很简单,但是第一次操作的同学,有可能不知道,希望有帮助!...
2020-04-27 14:10:25 23279 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 9936 3
原创 如何从git上克隆代码
1.安装git2.在桌面,点击右键,出现选项,点击Git Bash Here ,出现下图:3.cd 进去你想要存储的路径,如下图:4.然后进行git init,如下图:5.之后执行命令,git clone url,url代表的就是git代码的地址,至此就可以成功。...
2020-04-16 11:20:45 6827
原创 特别好用的git动图制作软件
先上效果图:专门录了一个最近看的电视评价,一如社畜的我们~回归正题:1.官网下载地址:https://www.cockos.com/licecap/2.下载完成之后就无脑安装即可3.安装完成打开软件,如下图:呈现一个空白框,左边的是FPS是设置帧数,一般都是8或15,看的就比较清楚不怎么卡帧了,如果设置的多一些比如30,会更流畅但是相应的图片的容量会比较大。Si...
2020-04-11 15:50:22 1866
原创 自定义简洁的日历小组件
先上效果:这个日历小组件是基于element-ui的日历组件来做的,但是我发现这个组件过于局限,竟然没有自由选择年份和月份的地方。所以我就将element-ui里的日期选择和日历选择组合成了上图的效果,如果当前有日程的话,则会有一个小红点。浮上此日期会显示当天日程的内容。每次切换月份则请求一次后台,拿到最新的日程数据。代码如下:<template>&...
2020-04-11 11:09:49 3098
原创 获取当前时间和日期格式转换
在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 419
原创 el-date-picker限制时间选择
重点就是给定:picker-options这个参数,然后在controlTime中进行限制其中$$getCurrentTime()是我的全局方法。就这样就可以限制日历组件的时间选择了。
2020-04-08 17:15:45 2027
原创 如何升级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 3784
原创 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 419
原创 什么是变量提升和函数提升?
猜猜输出什么?这就是结果为什么会输出这样的结果呢,其中牵扯到函数提升和变量提升,且听我慢慢道来首页明确一点,在es6之前还没有块级作用域,只有全局作用域和函数作用域。引擎在加载一个js文件时,分为两个步骤:第一步骤是读取js代码,将所有变量声明和函数声明提升到全局作用域的顶端,即所谓的变量提升和函数提升,划重点只是提升变量声明,并不将赋值初始化提升。第二步骤是运行代...
2020-03-28 17:30:10 2210 1
原创 git stash的用法
首先,git stash的含义是将修改的代码先暂存起来,让本地仓库回到最后一次提交时的状态,便于代码的更新管理,主要避免修改文件与最新代码的冲突。最近项目中遇到一些文件修改了,暂时不想提交,就想到了使用stash命令。首先,可以将自己想提交的文件,先进行暂存的更改,然后进行commit之后将不想提交的文件 ,执行git stash命令,如下图项目修改区相应的文件就暂时...
2020-03-28 15:32:24 829
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人