摘要: 使用canvas 实现了用鼠标拖动绘制各种图形其中包括 矩形,圆形,箭头,画笔 使用方法 绘制圆形: paint.chooseCircle() 圆形其他参数 圆形的粗细 paint.outerParams.circle.lineWidth圆形的颜色 paint.outerParams.circle. 阅读全文
posted @ 2017-10-16 13:26 ygtq 阅读(4129) 评论(0) 推荐(0) 编辑
摘要: 使用canvas 实现了用鼠标拖动绘制各种图形其中包括 矩形,圆形,箭头,画笔 使用方法 绘制圆形: paint.chooseCircle() 圆形其他参数 圆形的粗细 paint.outerParams.circle.lineWidth圆形的颜色 paint.outerParams.circle. 阅读全文
posted @ 2017-10-16 13:26 ygtq 阅读(4129) 评论(0) 推荐(0) 编辑
摘要: 先定义一个子组件,在组件中注册props 在父组件中,引入子组件,并传入子组件内需要的值 这种方式只能由父向子传递,子组件不能更新父组件内的data 阅读全文
posted @ 2017-05-17 00:13 ygtq 阅读(62032) 评论(0) 推荐(5) 编辑
摘要: 在应用复杂时,推荐使用vue官网推荐的vuex,以下讨论简单SPA中的组件间传值。 一、路由传值 路由对象如下图所示: 在跳转页面的时候,在js代码中的操作如下,在标签中使用<router-link>标签 需要注意的是,实用params去传值的时候,在页面刷新时,参数会消失,用query则不会有这个 阅读全文
posted @ 2017-04-18 15:38 ygtq 阅读(48061) 评论(0) 推荐(2) 编辑
摘要: 话不多说,下面是alert组件的代码(需要引用node-sass sass-loader scss-loader,主要是为了用scss样式) 使用方法如下 template模板: js代码: 最后页面的效果如下: 样式什么的可以根据自己的需要自己调整 阅读全文
posted @ 2017-03-14 16:19 ygtq 阅读(1268) 评论(0) 推荐(1) 编辑
摘要: 根据json对象的某一属性对其进行排序 排序前的json对象 使用上面给出的排序函数: 排序后的json数组: tips:这样操作后 原数组的顺序也会被改变 使用的时候要注意了 阅读全文
posted @ 2017-03-07 00:21 ygtq 阅读(12816) 评论(0) 推荐(0) 编辑
摘要: 安装vue的步骤在这里就不进行赘述了,下面直接进入正题 首先定义一下data里面的数据: 使用computed对data进行处理: template:循环的时候直接用showList进行操作,显示收起的事件直接用showAll = !showAll 进行控制,改变这个值的真假 css: (凑合着来) 阅读全文
posted @ 2017-02-13 23:36 ygtq 阅读(10572) 评论(0) 推荐(1) 编辑
摘要: 一个简单的导航栏切换效果的制作,主要通过索引值和jquery的siblings()来实现 html代码: css代码(自己随便写的样式,大家可以自由发挥): js代码(要记得先引入jquery哦): 以上方法对于一般的场景应该足够使用,如果层级关系过于复杂就不推荐使用了 阅读全文
posted @ 2017-02-12 18:34 ygtq 阅读(6220) 评论(0) 推荐(0) 编辑
摘要: 关于底部版权栏定位的一点点小技巧,让其一直处于页面的最底部。 html代码: css代码: reset代码,清除浏览器留下的margin和padding: 设置html,body的高度100%: 通过top的min-height和底部栏的height和margin-top来完成布局: 阅读全文
posted @ 2017-02-11 22:30 ygtq 阅读(2730) 评论(0) 推荐(0) 编辑