0 前言——关于IIPP 本系列博客的内容均来自<An Introduction to Interactive Programming in Python (Part 1)>(在此我简称为“IIPP”). 这是Coursera上的一门课程,以做游戏为导向讲解python交互式编程,非常有意思.它总共有8周的课程,每周都会有一个迷你项目(mini-project),由易到难,不过即使是容易完成的内容也能在某一个小点引人思考——比方说第一周的内容仅仅是猜拳,但老师所提出的关于“模数”的想法是异常精…

0 本周项目说明 这一次博客是Coursera的IIPP课程第三周迷你项目的实现,基础要求是做一个秒表,能start能stop能reset,更高的要求是在此秒表的基础上完成两个小游戏,但是鉴于第二个小游戏牵扯到“按下键盘的某一个键则frame会立即反应”,而这一步怎么实现课程还没讲,所以本次博客暂且先不实现这个小游戏,单纯实现靠button控制的秒表,以及第一个小游戏. 1 canvas简介 为了方便后续过程中我自己的查阅,我将canvas整理如下.本文内容除过参考Coursera的视频之外,还…

本来这个程序是早就编完了的,一直没时间发布博客.时至今日已时隔多天,也算是复习一下事件驱动型编程的过程吧. 1 事件驱动型编程 本质上这次的作业是披着猜数字皮的图形化界面编程,好在 simplegui 比 MFC 简单多了,按照 Scott 老师给出的“七步模板”,就能编出来.那么什么叫事件驱动型编程呢?大概意思就是:给 frame 某种刺激(比如按下按钮,输入一个字符串),就会触发事件以执行相应的回调函数(event handler). 以猜数字为例,“输入我猜的数字并按下 enter 键”这…

1 小球在墙面的反弹 1-1 让小球在画布上匀速运动 在这一步中,首先应该明确小球是如何匀速运动的.它的方法是规定一个列表v,Scott老师说这代表着“速度(Velocity)”,但是我觉得也可以拿“向量(Vector)”理解,它指明了“小球该往哪个方向运动”. 现在我们写写代码做做这个实验.如前述,我们知道小球的当前位置用列表p来表示,假如我们给定一个列表v=[20,20],然后不借用任何timer,仅仅靠画布自身的一秒钟刷新60次来完成小球位置的更新——也就是,在我们眼中,小球是沿着给定方向…

Eclipse+Maven创建webapp项目<二> 1.开启eclipse,右键new——>other,如下图找到maven project 2.选择maven project,显示创建maven项目的窗口,此次不勾选Create a simple project,直接next,如图所示: 3.在Filter中搜索webapp,选择如图所示,并next: 4.输入maven项目的基本信息,如下图所示: 5.完成maven项目的创建,生成相应的webapp项目结构,如下所示,此处有部分结…

实现效果: 点击对应商品,对应的商品详情页出现,详情页里面还有“Add to cart”按钮和“×”退出按钮. 点击“Add to cart”可以将商品加入购物车,每件商品只能添加一次,如果把购物车的对应商品删除就能再次加入. 商品加入购物车后,导航栏会出现商品数量和总价标识. 一.详情页的实现和其中的方法 1.在子组件literature.vue中写: 应该加一个data先定义一下selecGoods,但是prop中已经有了(prop优先级更高,而且可以父子传参),那就不用在data中写sel…

实现内容: axios取到的数据在前端使用(父子组件各自应该怎么使用) 一.简单使用(在哪取在哪用) 1.在App.vue中script中加上data(data专属于当前组件,父子组件传参通过prop,prop优先级高于data,这个我们稍后讨论),created中的this.xxx就指向data中的数据(简单来说就是先在data中定义) 2.我现在是直接在App.vue中写的getScience.getLiterature.getHumanity取得数据,要在App.vue中直接用的话这样写:…

实现内容: 写路由接口(express) axios取数据 一.写接口 1.我们要在前端取到后端的数据(之前写的data.json)可以用vue-resourse或者用axios,在vue2之后官方就不再维护vue-resourse,推荐使用axios. 2.在axios取到数据前要先写一下路由接口,不同版本vue-cli建的文件目录有一点不一样. 我用的是vue2.5.2,写路由接口是在build文件夹下的某文件,以下分别列出高版本和低版本写法: ①2.5.2版本 文件里加上这些程序: dev…

本项目基于vue2.5.2,与低版本部分不同之处会在(五)参考资料中提出 完整程序:https://github.com/M-M-Monica/bukesi 实现内容: 资源准备(mock数据) 组件拆分components(header.footer.literature.science.humanity) 路由router(router-link.router-view) 一.准备工作 1.首先开始一个项目第一步是准备工作. 2.准备工作包括需求分析和项目资源准备两大步. 需求分析就是思考想…

Eclipse+Maven创建webapp项目<二> 1.开启eclipse,右键new——>other,如下图找到maven project 2.选择maven project,显示创建maven项目的窗口,此次不勾选Create a simple project,直接next,如图所示: 3.在Filter中搜索webapp,选择如图所示,并next: 4.输入maven项目的基本信息,如下图所示: 5.完成maven项目的创建,生成相应的webapp项目结构,如下所示,此处有部分结…