摘要：
前面的话 组件接受的选项大部分与Vue实例一样，而选项props是组件中非常重要的一个选项。在 Vue 中，父子组件的关系可以总结为 props down, events up。父组件通过 props 向下传递数据给子组件，子组件通过 events 给父组件发送消息。本文将详细介绍Vue组件选项pr 阅读全文
posted @ 2017-10-03 22:18
石涛涛
阅读(513)
评论(0)
推荐(0)
摘要：
前面的话 为了让组件可以组合，需要一种方式来混合父组件的内容与子组件自己的模板。这个过程被称为 内容分发 (或 “transclusion” )。Vue实现了一个内容分发 API，参照了当前 Web 组件规范草案，使用特殊的 <slot> 元素作为原始内容的插槽。本文将详细介绍Vue内容分发slot 阅读全文
posted @ 2017-10-03 22:12
石涛涛
阅读(371)
评论(0)
推荐(0)
摘要：
前面的话 父组件使用props传递数据给子组件，子组件怎么跟父组件通信呢？这时，Vue的自定义事件就派上用场了。本文将详细介绍Vue自定义事件 事件绑定 每个 Vue 实例都实现了事件接口 (Events interface)，即 使用 $on(eventName) 监听事件 使用 $emit(ev 阅读全文
posted @ 2017-10-03 22:12
石涛涛
阅读(2782)
评论(0)
推荐(1)
摘要：
前面的话 有时候需要父组件访问子组件，子组件访问父组件，或者是子组件访问根组件。 在组件实例中，Vue提供了相应的属性，包括$parent、$children、$refs和$root，这些属性都挂载在组件的this上。本文将详细介绍Vue组件实例间的直接访问 $parent $parent表示父组件 阅读全文
posted @ 2017-10-03 22:11
石涛涛
阅读(1057)
评论(0)
推荐(0)
摘要：
前面的话 让多个组件使用同一个挂载点，并动态切换，这就是动态组件。本文将详细介绍Vue动态组件 概述 通过使用保留的 <component> 元素，动态地绑定到它的 is 特性，可以实现动态组件 <div id="example"> <button @click="change">切换页面</but 阅读全文
posted @ 2017-10-03 22:11
石涛涛
阅读(7835)
评论(0)
推荐(0)
摘要：
前面的话 速度版JS运动是指以速度为参照，随着路程的变化，时间随之变化；而时间版JS运动是指以时间为参照，随着路程的变化，速度随着变化。相较而言，时间版JS运动更为常用。JQ的animate就是时间版运动。本文将详细介绍时间版JS运动 速度版运动 为何速度版JS更容易理解呢？这要归功于定时器setI 阅读全文
posted @ 2017-10-03 22:02
石涛涛
阅读(406)
评论(0)
推荐(0)
摘要：
前面的话 与CSS过渡不同，JS过渡主要通过事件进行触发。本文将详细介绍Vue过渡效果之JS过渡 事件钩子 JS过渡主要通过事件监听事件钩子来触发过渡，共包括如下的事件钩子 <transition v-on:before-enter="beforeEnter" v-on:enter="enter" 阅读全文
posted @ 2017-10-03 22:01
石涛涛
阅读(482)
评论(0)
推荐(0)
摘要：
前面的话 前面分别介绍了单元素过渡的CSS过渡和JS过渡，本文将详细介绍Vue多元素过渡 常见示例 最常见的多标签过渡是一个列表和描述这个列表为空消息的元素： <transition> <table v-if="items.length > 0"> <!-- ... --> </table> <p 阅读全文
posted @ 2017-10-03 22:01
石涛涛
阅读(229)
评论(0)
推荐(0)
摘要：
前面的话 Velocity是一款优秀的JS动画库，完全可以作为jQuery的animate的替代品。需要动画功能时，使用Velocity是一个好选择。本文将详细介绍Velocity.js的使用 概述 Velocity是一个简单易用、高性能、功能丰富的轻量级JS动画库。它和jQuery的animate 阅读全文
posted @ 2017-10-03 22:01
石涛涛
阅读(5618)
评论(0)
推荐(0)
摘要：
前面的话 上一篇博客介绍了canvas基础用法，本文将更进一步，介绍canvas的图形处理和进阶用法 图形变换 图形变换是指用数学方法调整所绘形状的物理属性，其实质是坐标变形。所有的变换都依赖于后台的数学矩阵运算。谈到图形变换，不得不得说的三个基本变换方法就是 平移变换：translate(x,y) 阅读全文
posted @ 2017-10-03 22:00
石涛涛
阅读(3369)
评论(1)
推荐(1)
摘要：
前面的话 canvas顾名思义是定义在浏览器中的画布。它不仅是一个普通的元素，更是一个强大的编程工具。它的出现已然超过了web基于文档的设计初衷，将网页这一形态的应用推向了另一个高度。利用canvas，可以开发出复杂的动画、动态图表、游戏等。关于canvas，有这样一句话——canvas就像是一场文 阅读全文
posted @ 2017-10-03 22:00
石涛涛
阅读(1484)
评论(0)
推荐(1)
摘要：
前面的话 可复用过渡 过渡可以通过 Vue 的组件系统实现复用。要创建一个可复用过渡组件，需要做的就是将 <transition> 或者 <transition-group> 作为根组件，然后将任何子组件放置在其中就可以了 Vue.component('my-transition', { templ 阅读全文
posted @ 2017-10-03 22:00
石涛涛
阅读(487)
评论(0)
推荐(0)
摘要：
前面的话 概述 前面分别介绍了单元素CSS过渡和JS过渡，以及多元素过渡。如何同时渲染整个列表呢？在这种情景中，需要使用<transition-group>组件 【<transition-group>】 <transition-group>不同于 <transition>， 它会以一个真实元素呈现： 阅读全文
posted @ 2017-10-03 22:00
石涛涛
阅读(267)
评论(0)
推荐(0)
摘要：
前面的话 前面介绍过canvas粒子时钟的绘制，本文将详细介绍canvas自适应圆形时钟绘制 效果演示 最终自适应圆形时钟的效果如下所示 功能分析 下面来分析一下该圆形时钟的功能 【1】静态背景 对于时钟来说，背景是不变的，包括外层钟框、内层圆点及数字、以及中心点的固定按扣 【2】动态时钟 时态的动 阅读全文
posted @ 2017-10-03 21:59
石涛涛
阅读(321)
评论(0)
推荐(0)
摘要：
前面的话 前面分别介绍了canvas的基础用法和进阶用法，本文将使用canvas的各种语法进行图形绘制 绘制线条 【绘制线条】 下面来尝试绘制一段线条 <canvas id="drawing" style="border:1px solid black"> <p>The canvas element 阅读全文
posted @ 2017-10-03 21:59
石涛涛
阅读(167)
评论(0)
推荐(0)
摘要：
前面的话 本文将分为几个小功能的形式来详细介绍canvas图像编辑 缩放 下面是一张分析图，假设默认情况下，图片和canvas宽高相同。图片的缩放(scale)范围为0.5到3，缩放时改变的是图片的大小和图片的坐标位置 W(宽) = canvas.width * scale H(高) = canva 阅读全文
posted @ 2017-10-03 21:59
石涛涛
阅读(622)
评论(0)
推荐(0)
摘要：
前面的话 本文将从最基本的imageData对象的理论知识说开去，详细介绍canvas粒子系统的构建 效果演示 下面是实例效果演示，博文结尾有全部源码 imageData 关于图像数据imageData共有3个方法，包括getImageData()、putImageData()、createImag 阅读全文
posted @ 2017-10-03 21:58
石涛涛
阅读(324)
评论(0)
推荐(0)
摘要：
using System; using System.Collections.Generic; using System.Configuration; using System.Data; using System.Data.Entity; using System.Data.Entity.Core.Objects; using System.Data.Entity.Infrastructure... 阅读全文
posted @ 2017-10-03 21:57
石涛涛
阅读(678)
评论(0)
推荐(0)
摘要：
VS2015 微软出了3个大版本,其实在前天晚上就放出了三个版本的对比说明.,但是昨天挂掉了..今天特意去看了..截取了自己觉得比较重要的分享一下. 首先我们最常用的 诊断调试工具 其次测试工具(区别最大的也就在这) 可以看到社区版..几乎没有集成测试工具,只有些基本的.. 集成的开发环境 开发平台 阅读全文
posted @ 2017-10-03 21:57
石涛涛
阅读(7081)
评论(0)
推荐(0)
摘要：
微软昨天发布了新的VS 2015 ..随之而来的还有很多很多东西... .NET新版本 ASP.NET新版本...等等..太多..实在没消化.. 分享一下也是昨天发布的新的C#6.0的部分新特性吧... 当然..我也没用过 - -,主要是参考国外某位的一篇文章..很详细,英文好的可以自行去看 htt 阅读全文
posted @ 2017-10-03 21:57
石涛涛
阅读(182)
评论(0)
推荐(0)
浙公网安备 33010602011771号