rockyxia
6年前 (2017-03-30) 8744浏览
写在前面
上一节我们做好了使用Canvas的准备工作,但并没有深入的介绍如何使用Canvas,比如怎么绘制图形,怎么做Canvas动画等。但并不用着急,随着我们后面的深入学习,这一切都会知道的。在深入学习之前,我们有必要先了解Canvas里的坐标系统。那么这一节,就先来了解Canvas的坐标系统。
笛卡坐标系
在数学里,我们学过一种坐标系统,叫作笛卡坐标系(Cartesian Coordinate sys...
rockyxia
6年前 (2017-03-30) 10159浏览
写在前面
上一节,我们讲过如何创建一个Vue实例,仅需4步走:
( 不厌其烦地复习一下 )
我们知道,定义一个Vue实例的参数有el(指定挂载的DOM元素),data(实例的数据),上一节讲过除了这两个之外,还可以定义其他参数。今天,我们就来学习在开发中,我们要怎么定义一个vue实例才能满足我们的需要?
下面,我们先用上一节的知识,先创建一个Vue实例:
<div id="app">&l...
rockyxia
6年前 (2017-03-27) 8309浏览
写在前面
由于工作的需要,最近开始在学习HTML5的canvas相关的知识。这里主要记录自己学习canvas相关的知识笔记。如果文章有不对之处,还请大婶们多多指正。
今天这篇文章是学习canvas的一些准备工作。
本教程来自w3cplus.com,著作权归作者所有。
canvas元素
<canvas>也是HTML中的一个元素,可以给这个元素添加一些HTML属性,比如使用width和height...
rockyxia
6年前 (2017-03-27) 8748浏览
写在前面
我们之前说过,Vue是数据驱动视图的,只要model(模型层)的数据改变了,Vue就会帮我们改变视图上显示的内容,不用我们自己去动手写代码更新。那么,它是怎么做到的,我们的代码要怎么写才能做到这一点。
答案是:Vue实例。
先确保你的项目安装好Vue.js,安装教程:点击这里
安装好之后,我们来看看怎么创建和使用Vue实例,我们把它分成 4 步走。
第1步 创建语法
创建一个Vue实例的语法很...
rockyxia
6年前 (2017-03-23) 7097浏览
写在前面
上一节我们介绍了Vue.js框架,这一节,我们可以来试着动手写点小代码了。
1 简易安装
要使用Vue.js,我们得先把它安装到我们的项目中,说明了简易安装,我们讲解的肯定是最简单的方法,先不管那些高大上的费时间的安装方法,直接引入一个js文件,先把代码敲代码再说。
<head>
<meta charset="UTF-8">
<title>简易...
rockyxia
6年前 (2017-03-16) 8906浏览
写在前面
“大白话,讲编程”系列又回来了,这个系列我们一起学习的是Vue.js基础知识。你没看错,是基础知识。所以,哪怕你入行不久,相信你在的大白话风格下,也能学会。
但还是希望你有开发过html,css,javascript的项目经验,如果你连一点项目经验都没有,亦或者你早已掌握Vue.js的知识,那么这个系列不适合你当前的学习阶段。
这一个系列的Vuejs连载教程是同步转载自 web前端教程 微信公众号...