来到秀野堂已经一周的时间了,从最初来的时候搭床,到现在无视无刻都学习新的知识。刚来到丹阳时本来以为接下来的一段时间内只需要学习html5的相关知识,然而现实确实除了html还有css,nginx,git,javascript等前端知识,因为自己本来不会这些,只有c,java和android基础,本以为学起来会很吃力,但在这段的时间里,我发现html,css和android有很多相似的地方,标签就相当与控件,需要写一些属性,属性可以由css演示表统一编写,对于自己来说,学习中最大的难度在于不熟悉html标签,在填写属性时会不知怎么写,要经常去网站查,耽误很多时间。然而自己的收获也很大,作为一个前端的小白,短短的几天时间内,熟悉了html的标签,css样式表,以及简单的javascript编写方式,通过自己的努力能作出一个小的程序。其次最大的收获就是在学习之余还强化了自己的游泳技能。目前的问题还有就是表达方面还有很大欠缺,希望自己在这方面能有所加强。
描述 | 语法 |
---|---|
显示数据库 | show databases; |
选择数据库 | use 数据库名; |
显示数据库中的表 | show tables; |
显示数据表的结构 | desc 表名; |
显示表中记录 | SELECT * FROM 表名; |
建库 | create databse 库名; |
建表 | create table 表名 (字段设定列表); |
增加记录 | insert into name(uname,gender) values('张三','男',); |
修改记录 | update name set birthday='1971-01-10' where uname='张三'; |
删除记录 | delete from name where uname='张三'; |
删除表 | drop table 表名 |
删除库 | drop database 库名; |
描述 | 按键 |
---|---|
插入 | a |
编辑模式 | i |
换行插入 | o |
删除整行 | dd |
删除一个 | x |
回退 | u |
查找 | / |
<canvas id="canvas" width="500" height="500"></canvas>
<script type="text/javascript">
var ayb = {};
var cv;
var ctx;
var s = {};
var food = {};
var i = 3;
var arr = new Array(2);
arr[0] = 3;
arr[1] = 3;
ayb.$ = function(id) {
return document.getElementById(id);
}
cv = ayb.$("canvas");
ctx = cv.getContext("2d");
ayb.drawv = function(space, num) {
for (var i = 0; i <= num; i++) {
ctx.moveTo(i * space, 0)
ctx.lineTo(i * space, space * num);
}
ctx.stroke();
}
ayb.drawh = function(space, num) {
for (var i = 0; i <= num; i++) {
ctx.moveTo(0, i * space)
ctx.lineTo(space * num, i * space);
}
ctx.stroke();
}
function snake(headx, heady, tailx, taily) {
this.headx = headx;
this.heady = heady;
this.tailx = tailx;
this.taily = taily;
}
s = new snake(40, 0, 0, 0);
snake.prototype.length = 3;
// 蛇移动
ayb.moveUp = function() {
s.heady = s.heady - 20;
arr.push(0);
}
ayb.moveDown = function() {
s.heady = s.heady + 20;
arr.push(1);
}
ayb.moveLeft = function() {
s.headx = s.headx - 20;
arr.push(2);
}
ayb.moveRight = function() {
s.headx = s.headx + 20;
arr.push(3);
}
//画蛇
ayb.drawSnake = function(x, y) {
ctx.fillRect(x, y, 20, 20);
}
ayb.clearSnake = function(x, y) {
ctx.clearRect(x + 1, y + 1, 18, 18);
}
//food
ayb.drawFood = function() {
var x = Math.random() * 25;
var y = Math.random() * 25;
ayb.drawSnake(Math.round(x) * 20, Math.round(y) * 20);
food = new snake(Math.round(x) * 20, Math.round(y) * 20, 0, 0);
}
ayb.moveTail = function() {
ayb.clearSnake(s.tailx, s.taily);
var next = arr.shift();
if (next == 0) {
s.taily = s.taily - 20;
} else if (next == 1) {
s.taily = s.taily + 20;
} else if (next == 2) {
s.tailx = s.tailx - 20;
} else if (next == 3) {
s.tailx = s.tailx + 20;
} else {
}
}
ayb.drawSnake(0, 0);
ayb.drawSnake(20, 0);
ayb.drawSnake(40, 0);
ayb.drawFood();
function keyDown(e) {
var keycode = e.which;
switch (keycode) {
case 37:
ayb.moveLeft();
ayb.drawSnake(s.headx, s.heady);
if (food.headx == s.headx && food.heady == s.heady) {
ayb.moveLeft();
ayb.drawSnake(s.headx, s.heady);
ayb.drawFood();
}
ayb.moveTail();
break;
case 38:
ayb.moveUp();
ayb.drawSnake(s.headx, s.heady);
if (food.headx == s.headx && food.heady == s.heady) {
ayb.moveUp();
ayb.drawSnake(s.headx, s.heady);
ayb.drawFood();
}
ayb.moveTail();
break;
case 39:
ayb.moveRight();
ayb.drawSnake(s.headx, s.heady);
if (food.headx == s.headx && food.heady == s.heady) {
ayb.moveRight();
ayb.drawSnake(s.headx, s.heady);
ayb.drawFood();
}
ayb.moveTail();
break;
case 40:
ayb.moveDown();
ayb.drawSnake(s.headx, s.heady);
if (food.headx == s.headx && food.heady == s.heady) {
ayb.moveDown();
ayb.drawSnake(s.headx, s.heady);
ayb.drawFood();
}
ayb.moveTail();
break;
default:
break;
}
}
document.onkeydown = keyDown;
ayb.drawv(20, 25);
ayb.drawh(20, 25);
</script>
相关文章推荐: