莎皮尔不皮～-CSDN博客

原创 2021-01-26

axios 参考文档 https://www.kancloud.cn/yunye/axios/234845拦截器在请求或响应被 then 或 catch 处理前拦截它们。// 添加请求拦截器axios.interceptors.request.use(function (config) { // 在发送请求之前做些什么 return config; }, function (error) { // 对请求错误做些什么 return Promise.rejec

2021-01-26 17:43:11 94

原创 vue使用路由懒加载bug Loading chunk {n} failed 错误处理

异常:vue项目打包后,个别页面点击路由不跳转原因&&解决:npm run build之后修改过的文件哈希码改变，导致路由跳转到修改过的页面时不跳转.router.onError((error) => { const pattern = /Loading chunk (\d)+ failed/g; const isChunkLoadFailed = error.message.match(pattern); const targetPath = router.his

2020-08-31 11:56:46 650

原创 Vue中图片裁剪/压缩后上传

使用插件vue-cropper(https://www.npmjs.com/package/vue-cropper/v/0.4.7);import { VueCropper } from ‘vue-cropper’components: {VueCropper,},主要代码页面使用 <CropImage @uploadSuccess="handleSuccess" :cropperIndex="index" :cropperSize="[300,120]" :fixedRadio="

2020-08-18 20:16:24 573

原创 Vue核心二：响应式原理

一.响应式原理概述1.给Vue实例新增一个对象是否影响响应式?2.给属性重新赋值成新对象,是否是响应式?**数据驱动Vue2.0原理把一个普通 JavaScript 对象传给 Vue 实例的 data 选项，Vue 将遍历此对象所有的属性，并使用 Object.defineProperty 把这些属性全部转为 getter/setter。Object.defineProperty 是仅 ES5 支持，且无法 shim 的特性(兼容之前版本:优雅降级)，这也就是为什么 Vue 不支持 IE8 以及更

2020-08-10 20:50:41 141

原创 VUE核心一:virtual DOM

Vue一.虚拟DOM1.什么是虚拟DOM2.为什么使用虚拟DOMgithub上开源项目virtual-dom的描述3.虚拟DOM的作用二.Snabbdom的基本使用用commonjs的required 和ES6的impportsnabbdom的模块三.源码解析https://github.com/snabbdom/snabbdom ...

2020-08-10 19:32:10 69

原创 vue项目多环境自动打包后上传至git

多环境依赖的第三方库 cross-env(github地址:https://github.com/kentcdodds/cross-env#installation)1.安装:npm install --save-dev cross-env2.配置package.json中的scripts(目前只配置了dev,test和production)3.配置环境以测试环境为例(开发和生产环境同理)4.打包脚本deploy.js步骤:①.dist包是否存在(存在删除原dist)是否存在:fs.

2020-08-01 16:34:05 761

原创 JS Cookie插件的使用

1.安装cnpm install js-cookie --save2.引入import Cookie from ‘js-cookie’;3.使用3.1设置cookieCookies.set(‘name’, ‘value’);Cookies.set(‘name’, ‘value’, { expires: 7 }); //有效期7天Cookies.set(‘name’, ‘value’, { expires: 7, path: ‘’ }); //path为 ‘/’ 的话,在整个 doma

2020-07-10 14:56:06 134

原创 vue中使用qrcode

1.install 安装 npm install qrcodejs2 --save2.引入全局/单文件项目中在单文件中引入 import QRCode from ‘qrcodejs2’;若全局引入则在import 导入后,main中将QRCode绑在原型上(Vue.prototype.QRCode),使用时this.$QRCode即可.colorDark : “#000000”, ...

2020-05-06 09:22:13 1038

原创 moment.js处理时间常用方法

中文网 http://momentjs.cn/1.时间格式化moment().format(String)格式化年月日： ‘xxxx年xx月xx日’ moment().format(‘YYYY年MM月DD日’)格式化年月日： ‘xxxx-xx-xx’ moment().format(‘YYYY-MM-DD’)格式化时分秒(24小时制)： ‘xx时xx分xx秒’ moment().form...

2020-04-30 10:54:00 1233

weixin_42486911的博客