摘要: vue组件开发过程中,我们会遇到改变组件的值之后又想对组件进行初始化,这个时候一个个去重置传入的值效率太低.尤其当重置表单的值的时候,非常头疼.可以使用vue中:key属性 例如 组件上设置key属性 需要初始化的时候只需重置key的值 阅读全文
posted @ 2019-12-19 18:03 飘舟 阅读(2002) 评论(0) 推荐(1) 编辑
摘要: props 数组/对象的默认值应当由一个工厂函数返回 改为 阅读全文
posted @ 2019-11-26 13:53 飘舟 阅读(811) 评论(0) 推荐(0) 编辑
摘要: 1.安装echarts 2.main.js 3.使用 阅读全文
posted @ 2019-11-22 15:27 飘舟 阅读(3039) 评论(0) 推荐(0) 编辑
摘要: 1.借助bable-plugin-component,引入需要引入的组件 2.修改babel.config.js文件 官网是这样写的 这时会报错.plugins[0][1] must be an object, false, or undefined ,需要更改一下 3.在插件文件里面创建eleme 阅读全文
posted @ 2019-11-22 14:54 飘舟 阅读(1068) 评论(0) 推荐(0) 编辑
摘要: 1.安装依赖 2.在vue.config.js中配置 3.在需要用到的less文件中引用全局的less文件即可 vue文件中style标签下面 @import "~@/assets/css/variable.less"; 引用 阅读全文
posted @ 2019-11-21 17:40 飘舟 阅读(3508) 评论(0) 推荐(0) 编辑
摘要: 在项目开发的过程中,我们往往遇到文本溢出需要添加省略号的需求。而这个需求可以分解为两个,一个是单行溢出省略,一个是多行溢出省略。 单行溢出省略 效果 多行文字溢出省略 效果 阅读全文
posted @ 2019-11-19 15:22 飘舟 阅读(1172) 评论(0) 推荐(0) 编辑
摘要: var canvas = document.querySelector('canvas'); var ctx = canvas.getContext('2d'); var img = new Image(); img.crossOrigin = 'Anonymous'; img.src = 'xx.png'; img.onload = function () { DrawCircleImg(ctx 阅读全文
posted @ 2019-11-14 15:58 飘舟 阅读(341) 评论(0) 推荐(0) 编辑
摘要: css3的出现让我们可以用css画一些简单的动画,之前加载中这样的效果需要设计帮我们出图,而现在我们可以通过css代码来实现加载动画,这我们可以不用完全依靠设计了。 1. 代码如下 2. 代码 阅读全文
posted @ 2019-11-13 17:39 飘舟 阅读(836) 评论(0) 推荐(0) 编辑
摘要: 气泡效果最麻烦的是下面的小三角,而小三角是怎么来的呢?首先先看下面的代码 效果如下 接下来,去掉border-top, 效果如下 再去掉,border-left, 效果如下 再隐藏border-right, 效果如下 去掉上,隐藏左右, 效果如下 只需变化border的不同方向就可以得到不同的三角, 阅读全文
posted @ 2019-11-13 16:51 飘舟 阅读(480) 评论(0) 推荐(0) 编辑
摘要: 网页布局居中必不可少,其中包括水平居中,垂直居中,上下左右居中,下面一一详述。 水平居中 效果 3.position:absolute; 这种方法也需要固定元素的宽度. 效果 4.flex 效果 垂直居中 1.一行文字垂直居中 效果 2.未知高度元素居中 第一种方法 第二种方法 效果 3.高度已知垂 阅读全文
posted @ 2019-11-13 15:42 飘舟 阅读(64587) 评论(0) 推荐(3) 编辑