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