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