自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 阿里云使用nginx配置vue项目上线(nginx.conf的配置)

将vue项目进行打包: npm run build 在文件夹中会出现一个dist文件夹,这就是打好的包。 在阿里云上下载安装nginx后,在/usr/local文件夹中会有一个nginx文件夹,其中的conf文件夹中的nginx.conf就是nginx的配置文件。 在http模块配置locati...

2019-09-29 21:41:50

阅读数 9

评论数 2

原创 vue 音乐播放器,获取父级组件audio播放进度,并且根据进度条改变播放进度

在写一个网易云音乐的历程中经历了各种困难,比如说音乐播放器,由于要让音乐在全局播放,所以讲audio标签放在最父级的组件中,然后到了播放音乐歌词路由(是放有audio标签页面的子组件)就无法将进度和进度条数据进行双向绑定,经过一早上的钻研,终于解决了这个问题。 首先,子组件: 父组件: ...

2019-08-12 11:48:11

阅读数 122

评论数 3

原创 如何使css3动画重新执行

日常遇到问题,使用css3动画的时候,想要让动画能够重新执行,答案在百度不好找,不过最后还是ojbk了。通过删除类名,再增加类名来达到重新开始动画。 <img class="musicImg musicImage" :src="listen.musicP...

2019-08-07 19:47:12

阅读数 121

评论数 2

转载 vue项目加顶部蒙层移动端禁止页面滑动问题

转载https://blog.csdn.net/weixin_36517727/article/details/79991113 直接在蒙层所在div上加@touchmove.prevent就好了 如下: <div class="masktop" @touchmo...

2019-07-30 21:00:28

阅读数 99

评论数 0

原创 后台返回错误码并且接收错误码以及数据的方式

之前和小伙伴们一起写项目的时候,后台的兄弟们接口的返回一班是一个对象,或者一个数组。 比如说检测是否登录,小伙伴们的接口会返回状态码为200,返回值为一个对象,其中有有关登录状态,已登录或者未登录,也就是说只要接口能够被访问,那么返回的状态码一定是200的。 这次在github上拉了一个网易云音乐...

2019-07-30 10:30:42

阅读数 125

评论数 0

原创 使用this.$router.push({path:'/'})报错:TypeError: Cannot read property '$router' of undefined

今天使用this.$router.push突然报错了,经过查阅资料,是因为this的指向有问题 只需要在函数前将this记录下来,即可。

2019-07-30 10:16:21

阅读数 209

评论数 0

原创 vue-cli脚手架,前端通过代理有效解决跨域问题

通过脚手架搭建起来的vue项目,遇到了常见的跨域问题,之前做项目跨域都是后台进行解决,这次因为是个人项目,只能 “自己动手,丰衣足食” 在根目录创建一个vue.config.js文件 module.exports = { devServer:{ proxy:{ ...

2019-07-29 10:40:28

阅读数 15

评论数 0

转载 Echarts 图表饼状图设置

在做项目的时候被提出了使用饼状图来显示人员分布情况,用到了echarts,本篇博客是学习记录博客,经别的博客改编: https://blog.csdn.net/sleepwalker_1992/article/details/82532210 原文戳这儿,属性讲的都很细致,我只是修改了一些属性而...

2019-07-20 11:34:54

阅读数 6

评论数 0

原创 gitlab使用笔记(关于基本的上传以及拉取和合并)

今天第一次使用gitlab,在本地创建分支,再push到远程,来创建一个新的分支。 和github协同开发操作一样,再push到自己的分支上之后,在 进行合并 进入选择要合并的分支信息 如果出现表单什么的错误,就在上上图中删除open的合并框,在进行merge ...

2019-06-17 12:24:11

阅读数 194

评论数 2

原创 Iviw 组件库中侧边栏刷新,高亮不能更新的问题

iview中active-name是对于选项中的name,表示高亮那个选项,在组件初始化之后,判断当前路由与侧边栏相对应的路由是否一致,再将active-name绑定即可 侧边栏组件信息 <template> <Menu :active-nam...

2019-06-16 14:11:51

阅读数 13

评论数 0

原创 git push 出现报错error: failed to push some refs to

今天向git提交代码的时候出现了报错 ! [rejected] master -> master (fetch first) error: failed to push some refs to '巴拉巴拉巴拉' hint: Updates were rejected...

2019-06-03 19:42:56

阅读数 62

评论数 1

原创 ES6 数值的扩展 学习笔记

一、二进制和八进制表示法 ES6 提供了二进制和八进制数值的新的写法,分别用前缀0b(或0B)和0o(或0O)表示。 0b111110111 === 503 // true 0o767 === 503 // true 如果要将0b和0o前缀的字符串数值转为十进制,要使用Number方法 Numb...

2019-05-11 17:26:08

阅读数 31

评论数 0

原创 Vue.js定义组件化

标题定义Vue组件 什么是组件:组件的出现,就是为了拆分Vue实例的代码量的,能够让我们以不同的组件,来划分不同功能模块,将我们需要什么样的功能,就可以对调用对应的组件即可。 组件化和模块化的不同: 模块化:是从代码逻辑的角度进行划分的;方便代码的的分层开发,保证每个功能的职能单一; 组件化:是...

2019-03-30 17:53:44

阅读数 23

评论数 0

原创 不小心git rebase后出现(master|REBASE 1/10)的解决办法

又是后再向服务器git push origin master的时候会出现失败的现象。它是这样的 然后呢,我在百度上历经千辛万苦,找到了解决的方法。 他说是因为远程仓库和本地仓库文件冲突,使用git pull --rebase origin master,然后再进行push,我这天真的小白,就深信...

2019-03-29 20:58:37

阅读数 3052

评论数 11

原创 Git基本操作:工作区和暂存区和文件的修改删除

工作区和暂存区: 工作区就是能够在电脑里看到的目录。在工作区的目录中有一个隐藏的目录.git,这个不算是工作区,而使Git的版本库。Git的版本库中存了很多东西,其中自重要的是stage(或者叫做index)的暂存区,还有Git为我们自动创建的分支master,以及指向master的指针HEAD ...

2019-03-26 21:44:24

阅读数 89

评论数 0

原创 Git基本操作:创建版本库与版本回退

第一步git的安装(Windows) 在Windows上使用Git,可以从Git官网直接下载安装程序,(网速慢的同学请移步国内镜像),然后按默认选项安装即可。安装完成后,在开始菜单里找到“Git”->“Git Bash”,蹦出一个类似命令行窗口的东西,就说明Git安装成功!安装完成后...

2019-03-26 18:03:59

阅读数 39

评论数 0

原创 ES6 模板字符串

在ES6中引入了模板字符串。 模板字符串能够将字符串连接,直接将字符串加入到另一个字符串中,并且字符串之间的折行会保留。使用反引号进行标识(`,键盘中esc下面的健)。 console.log(`string text line 1 string text line 2`); 上面代码中的模板...

2019-03-25 20:18:35

阅读数 42

评论数 1

原创 ES6 padStart(),padEnd() 字符串补全

ES2017 引入了字符串补全长度的功能。如果某个字符串不够指定长度,会在头部或尾部补全。padStart()用于头部补全,padEnd()用于尾部补全。 'x'.padStart(5, 'ab') // 'ababx' 'x'.padStart(4, 'ab') // 'abax' 'x'...

2019-03-25 18:34:07

阅读数 48

评论数 0

原创 ES6 repeat() 重复字符串

repeat方法返回一个新字符串,表示将原字符串重复n次。 'x'.repeat(3) // "xxx" 'hello'.repeat(2) // "hellohello" 'na'.repeat(0) // "" 参数如果是小数,...

2019-03-25 18:29:29

阅读数 100

评论数 0

原创 ES6 includes(), startsWith(), endsWith() 查找字符串

includes():返回布尔值,表示是否找到了参数字符串。 startsWith():返回布尔值,表示参数字符串是否在原字符串的头部。 endsWith():返回布尔值,表示参数字符串是否在原字符串的尾部。 let s = 'Hello world!'; s.startsWith('He...

2019-03-25 18:24:56

阅读数 18

评论数 0

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