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

2017年04月的内容

Vue第八节:实战前必须掌握的10个指令(下)
Vuejs

Vue第八节:实战前必须掌握的10个指令(下)

rockyxia 2年前 (2017-04-18) 2956浏览

写在前面 上一节我们学了5个重要的指令: v-text 、 v-html 、 v-show 、 v-if 、 v-else 传送门:《 实战前必须掌握的10个指令(上) 》 这一节,我们继续学习剩下的5个指令。话不多说,撸起来! 6. v-for 指令 有时候,我们的data中的存放的数据不是个简单的数字或者字符串,而是数组Array类型,这个时候,我们要把数组的元素展示在视图上,就需要用到vue提供...

Vue第七节:实战前必须掌握的10个指令(上)
Vuejs

Vue第七节:实战前必须掌握的10个指令(上)

rockyxia 2年前 (2017-04-18) 2932浏览

写在前面 这一节我们来学习并掌握在实战用一定会用到的10个指令,没错,是一定会用到,通过这些指令,可以让我们很方便的完成某些操作。掌握了这几个指令,我们距离实战就又近了一步。 1. v-text 指令 v-text 指令用于更新标签包含的文本,它的作用跟双大括号的效果一样。我们看看它的用法: <div id="app"> <p v-text="msg"></p&g...

Canvas学习3:绘制线段
Canvas

Canvas学习3:绘制线段

rockyxia 2年前 (2017-04-17) 2325浏览

写在前面 在上一篇介绍Canvas坐标系统的结尾处,我们使用了Canvavs绘制了一个网格。整个效果是由直线和文本构成。在这一节中,我们来看看如何使用Canvas绘制线段。 在Canvas中,线段也是路径中的一种,被称之为线性路径。在Canvas中绘制线性路径主要用到moveTo(x,y)、lineTo(x,y)和stroke()几个方法。 先画一条简单的直线 Canvas画一下直线非常的容易。众所周之,...

Vue第六节:教你如何在html中绑定数据
Vuejs

Vue第六节:教你如何在html中绑定数据

rockyxia 2年前 (2017-04-17) 4188浏览

写在前面 上两节我们学习了vue的实例知识: 第4节:vue实例的4个常用选项 第5节:vue 实例的生命周期 提醒一下,这两节的内容在后面实战的时候很重要,如果落下的同学可以回去翻看学习,不必害怕难学,这里没有难学的教程。 这一节,我们学习如何在html上绑定我们实例中的数据。 Mustache 语法 什么叫Mustache语法,别被这高大上的叫法吓到了,其实就是双大括号{{ }}的写法,在之前的章节我...

Vue第五节:轻松掌握 vue 实例的生命周期
Vuejs

Vue第五节:轻松掌握 vue 实例的生命周期

rockyxia 2年前 (2017-04-08) 3061浏览

写在前面 上两节我们都是讲vue的实例,简单创建和定义实例的4个常用选项,没看过的伙伴可以先去看上两节,按顺序学习比较容易掌握。 这一节我们学习vue实例的生命周期,没错,实例也跟动物一样,有自己的“生命”,实例也会经历出生至死亡的各个阶段。 Vue把整个生命周期划分为创建、挂载、更新、销毁等阶段,每个阶段都会给一些“钩子”让我们来做一些我们想实现的动作。学习实例的生命周期,能帮助我们理解vue实例的运作机...