摘要: .map文件作用: 项目打包后,代码都是经过压缩加密的,如果运行时报错,输出的错误信息无法准确得知是哪里的代码报错。 有了map就可以像未加密的代码一样,准确的输出是哪一行哪一列有错。 所以该文件如果项目不需要是可以去除掉 Vue-cli3中配置:(https://cli.vuejs.org/zh/ 阅读全文
posted @ 2020-03-16 14:51 zigood 阅读(1823) 评论(0) 推荐(1) 编辑
摘要: 安装依赖包:(https://www.npmjs.com/package/babel-plugin-transform-remove-console) npm install babel-plugin-transform-remove-console --save-dev 配置: 查看Vue项目根目 阅读全文
posted @ 2020-03-16 14:40 zigood 阅读(4739) 评论(0) 推荐(0) 编辑
摘要: 插件安装: npm i vue-cropper 引入插件: 1.组件内使用 import { VueCropper } from 'vue-cropper' components: { VueCropper, }, 2.main.js中使用 import VueCropper from 'vue-c 阅读全文
posted @ 2020-02-11 14:59 zigood 阅读(2632) 评论(0) 推荐(0) 编辑
摘要: 例: 执行npm run build 后生成的包名不是默认dist 而是git的版本号名(包含tag和最后一次提交信息) 使用依赖包:npm install --save-dev git-revision-webpack-plugin 配置vue.config.js文件 本地查看git-descri 阅读全文
posted @ 2019-12-31 17:24 zigood 阅读(2221) 评论(0) 推荐(0) 编辑
摘要: 实现:js调用USB摄像头拍照上传照片 注意:部署到线上之后需要使用https才能调用摄像头 参考文档:https://developer.mozilla.org/zh-CN/docs/Web/API/MediaDevices js代码实例:(vue项目中) 获取video资源 获取图片 上传图片 阅读全文
posted @ 2019-11-06 14:25 zigood 阅读(2123) 评论(2) 推荐(0) 编辑
摘要: 实现: vue按比例裁剪图片 安装:npm i vue-cropper 全局引入:(main.js) import VueCropper from 'vue-cropper' Vue.use(VueCropper) 代码实例: <div class="one-form-item"> <el-uplo 阅读全文
posted @ 2019-11-05 17:21 zigood 阅读(2739) 评论(0) 推荐(0) 编辑
摘要: 时间戳转日期格式:yyyy-MM-dd HH:mm:ss 阅读全文
posted @ 2019-11-05 16:45 zigood 阅读(192) 评论(0) 推荐(0) 编辑
摘要: 概述:mixins就是定义一部分公共的方法或者计算属性,然后混入到各个组件中使用。 例:定义一个mixin.js 组件中使用:index.vue 注意: 阅读全文
posted @ 2019-10-09 10:18 zigood 阅读(443) 评论(0) 推荐(0) 编辑
摘要: 简介:Konva是一个基于Canvas开发的2d js框架库, 它可以轻松的实现桌面应用和移动应用中的图形交互。 官网:https://konvajs.org/api/Konva.html(详情查看) konva概念: 1.画布 stage let stage = new Konva.Stage({ 阅读全文
posted @ 2019-08-28 13:44 zigood 阅读(1517) 评论(0) 推荐(0) 编辑
摘要: 1.watch监听到数据的变化但页面没有刷新 在数据改动的代码后加 this.$forceUpdate(); 添加this.$forceUpdate();进行强制渲染,效果实现。因为数据层次太多,render函数没有自动更新,需手动强制刷新。 2.没有监听到数据的变化 例如:改变了数组中的某一项或者 阅读全文
posted @ 2019-07-31 10:36 zigood 阅读(22474) 评论(0) 推荐(1) 编辑