心得体会

阅读数:1211 发布时间:2016-07-14 18:55:57

作者:w3cbl 标签: w3cbl 心得 体会

心得体会总结

      来到秀野堂已经一周的时间了,从最初来的时候搭床,到现在无视无刻都学习新的知识。刚来到丹阳时本来以为接下来的一段时间内只需要学习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>

丰富的生活

相关文章推荐: