最新消息:Rockyxia Web技术博客全新改版,响应式布局满足各种设备各种尺寸的访问需求。

2017年05月的内容

Canvas学习4:绘制虚线和圆点线
Canvas

Canvas学习4:绘制虚线和圆点线

rockyxia 2年前 (2017-05-26) 2824浏览

写在前面 上一节中,使用moveTo()、lineTo()和stroke()可以很轻易的在Canvas中绘制出实线(线段)。整篇文章中看到的都是绘制实现。不知道你和我是不是一样的好奇,那么要在Canvas中绘制虚线和圆点线又要怎么绘制,在Canvas有没有类似的API能直接绘制呢? 其实我也很好奇,看了一些资料,要像绘制实线那样简单或者直接,相对来说是没有的,但不用担心,通过其他的方法也是可以实现的。因为J...

Vue实战案例:用学过的知识做一个小demo
Vuejs

Vue实战案例:用学过的知识做一个小demo

rockyxia 2年前 (2017-05-16) 4861浏览

写在前面 学过了前面11个章节的知识,可以说你已经对vue2.0的基础知识有了一定程度的掌握,虽然在真正开发过程中,一些知识的使用会稍有不同,但是别慌,我们会把那部分内容在进阶系列,比如:单文件组件,过渡效果,状态管理vuex,路由vue-router,网络请求vue-resource等等。 那是不是就意味着我们现在还不能用基础知识做开发,当然不是,加强动手能力是进步的最好方式,我们今天就来用学过的基础知识...

Vue第十一节:动态绑定class和style
Vuejs

Vue第十一节:动态绑定class和style

rockyxia 2年前 (2017-05-08) 3034浏览

写在前面 在第六节《教你如何在html中绑定数据》的章节中,我们学会了如何给视图上的html标签绑定属性。 比如,给 <a> 标签绑定href属性,简单回忆一下: <!-- v-bind指令 --> <a v-bind:href="link"></a> <!-- v-bind的缩写 --> <a :href="link">...

Vue第九节:掌握vue的另一个核心:组件
Vuejs

Vue第九节:掌握vue的另一个核心:组件

rockyxia 2年前 (2017-05-08) 3145浏览

写在前面 第一节我们就介绍过,vue有两大核心:数据驱动和组件。 传送门:《Vue框架是什么,为什么选它?》 我们在之前的章节,已经详细地介绍了vue的数据驱动,从这一节开始,我们就来学习另一个核心:组件。 (没错,又是这张图) 组件是我们人为地把页面合理地拆分成一个个区块,让这些区块更方便我们重复使用,有了组件,我们可以更高效合理地开发和维护我们的项目。 竟然说得组件那么好用,那我们就来好好学学怎么使用...

Vue第十节:实现vue组件之间的通信
Vuejs

Vue第十节:实现vue组件之间的通信

rockyxia 2年前 (2017-05-08) 3249浏览

写在前面 这一节我们还是来继续介绍组件:组件之间如何通信。 第九节我们在介绍组件知识的时候,提到过组件可以接受参数props,这其实就是组件之间的一种通信方式:父组件→子组件传递数据。 父组件→子组件 那我们还是不厌其烦地再演示一遍:父组件→子组件传递数据。 组件实例的作用域都是孤立的,也就是子组件在模板template不能引用父组件的数据,那么,当子组件有需要使用父组件的时候,我们该怎么办呢? 这里,...