WebStorm配置Eslint自动格式化代码

前言这两天下载了一个AntDesignPro这个由支付宝写的前端admin框架:下载传送门下载完成后,想要修改里面的内容,发现只需要一更改就会出现问题,是因为没有通过对应的eslint校验所以想着配置一下eslint让它能够自动格式化代码,这样就不会出问题了下载插件首先需要在webstorm中下载对

Vue跳转到某页面的时候,刷新该页面

前言因为蘑菇博客评论插件使用的是搜狐畅言,所以每次首次加载的时候,就能正常显示评论插件,然后点击一些页面在返回后,发现插件就无法正常启动了,考虑到可能是因为vue页面缓存的原因,当时使用了v-if判断加载但是效果和之前一样,后面考虑到可以当我们跳转到/about页面的时候,也就是带有畅言的界面时,进

使用vscode开发vue项目,需要安装哪些插件?

前言vscode用来开发vue在我看来是一个比较爽的体验,当然前提是你需要先安装一些比较好用的插件,下面主要记录一下需要用到的一些插件,方便以后在切换环境或者安装系统的时候用的上开始1、vue2Snippets这是一款vue代码提示插件,原来的话是安装的vueHelper,但是貌似项目没维护了,好像

Vue中使用Vue-cropper进行图片裁剪

图片裁剪关于图片裁剪我在github中找到了两种vue-croppervue-image-crop-upload这两种的样式分别如下所示:首先是vue-image-crop-upload,我们能够发现其实这个截图有点类似于我们需要裁减头像的时候,才需要使用的,而针对于特定的矩形,可能没办法达到我们的

Vue中input框自动聚焦

前言今天在蘑菇博客登录的时候,就发现一个问题,因为在input绑定了键盘事件,按回车的时候就触发登录事件,但是因为Chrome会自动保存密码,所以也就说第一次登录的时候才会输入账号和密码而在以后的登录,因为浏览器自动会填充账号和密码,因此不需要点击输入框进行输入了,那么input框上绑定的回车事件也

使用Axios拦截器携带token以及跳转错误页面

前言Axios是一个基于promise的HTTP库,可以用在浏览器和node.js中,在使用Axios时候,一般我们会进行一定的封装,Axios拦截器分为请求拦截器和相应拦截器,请求拦截器主要的作用是在请求后端接口前,携带Token信息,而响应拦截器的主要作用是对后端的状态码进行校验,跳转到对应的页

【Vue】Vue项目引入CDN加速

前言最近领取的阿里云服务器,使用的是1M带宽,因此在加载一下样式,例如ElementUI,Ckeditor的时候,非常的慢,所以考虑是用CDN来加速。引入Vue和Element首先我们需要引入的是Element的CDN加速:传送门目前可以通过unpkg.com/element-ui获取到最新版本的资

Js设置二级域名和顶级域名下共享Cookie

前言今天在蘑菇博客进行登录的时候,发现一个BUG,就是在用户登录后,有登录信息,但是刷新页面后,就没有头像了,F12打开调试页面,查看token也没有了开始感觉非常的怪异,以为是chrome的原因,因为token是存储在cookie中的,而且也设置了有效期为7天,不可能退出浏览器就删除了,但是在我点

【Vue】ElementUI中Upload组件如何批量上传

前言最近一直使用Element提供的文件上传组件,但是使用后发现,其实当我们批量选中的时候,文件不是一次性都上传进去的,而是把它又拆分成一个个的文件进行上传。首先这容易造成的问题就是我们如果同时提交多个图片文件的时候,会重复的请求接口,造成接口并发访问的时可能出现的问题,下面是Element的Git

win10安装vue脚手架

win10安装vue脚手架虽然一直都没有写技术博客的习惯,但是最近用win10系统开发vue项目,不得不写一篇安装指导,网上的安装入门教程只是太模糊了,小白根本看不懂,遇到问题也解决不了。1、下载nodejs下载地址:http://nodejs.cn/download/就算你是64位Windows系