2016年01月_little_newBee

转载照着韩顺平老师模仿的坦克大战案例

看了韩顺平老师的公开课视频后，跟着他的视频做的，没有完全抄袭的。TankGame.htmlInsert title herevar canvas = document.getElementById("tankMap");var cxt = canvas.getContext("2d");var heroColo

2016-01-25 23:04:06 2106 1

原创 html5坦克大战中坦克移动代码。

看了韩顺平老师的html5公开课，照着写的，先写了坦克4个方向移动的代码。代码是自己写的，没有抄袭Insert title herefunction hero(x,y,direct){this.x=x;this.y=y;this.speed=2;this.direct=direct;this.moveUp=function

2016-01-24 21:18:37 2517

原创第一天了解到了html5 + 像素的含义

当看到这个标签时，就说明它是html5了，功能真是强大。它算是html+css3+js结合体。说下两个新学到的小标签，1. 代表画布，dom编程中它的对象可以返回画布区域，再用getContext方法可以说得到了"画笔",有了画笔就可以画各种图形了。这个画笔是CanvasRenderingContext2D这个对象，它可以来画2D图形，如果想要画3D，现在还不支持。2. ,这两个多媒体

2016-01-23 23:01:55 1169 1

原创 js中正则简单介绍

创建正则的两种方式：1.var reg = /正则表达式/ [g,i,m] 2. var reg = new RegExp("正则表达式","[g.i.m]");g代表全局，i代表忽略大小写，m代表多行匹配（有时输入的子串中有换行，但是仍被看做是一个字符串，加上m后，不然，相当于被看做多个字符串，然后匹配）方式2中的写法需要注意，正则处于字符串中，出现特殊字符需要转义

2016-01-23 12:43:20 379

初学算法，这里发表一下自己对排序的见解，顺便向大家求教如何找一本或者怎么能够学好算法，不会忘记，现在好多书只教如何理解发明者发明的代码，代码我们可以看懂，这不难，如何学到这里面的思想呢？学到了思想才能举一反三，否则，真的就是去学代码了。不敢妄自评论《算法导论》这类被高端人士奉为经典的书，只因我才疏学浅，并不能感受到其中奥秘，所以如何让我们这种脑子并不是灵活又想学算法思想这类小程序员有更好的学习呢？

2016-01-21 12:11:56 388

原创网页版坦克大战坦克换方向原理

首先我们需要一个包含坦克四个方向的图片，是一个图片不是四个图片。然后图片的高宽细节也可以知道，将此图片设置为div的背景图，同时根据你图片的方去选择设置background-y或者background-x属性。再进行width或者height属性设置。这两个属性的目的是设置背景图片开始显示的坐标，显示的长度为width何height属性设置的值。background-y/x，则图片如果大于di

2016-01-21 12:02:21 793

原创 scrollTop,scrollWidth,offsetWidth,clientWidth区别

首先是scrollTop，例如，你有两个div，分别div1，和div2，div1包含div2，div2大于div1，这时我们会看到div1出现滚动条，div2没有完全显示，我们向下滑动滚动条，此时，div2上面被挡住的竖向距离就是scrollTop的大小。scrollWidth：例如有个div，它就是次div实际宽度，无论它是否被挡住。clientWidth和offsetWidth：of

2016-01-19 12:29:31 447

原创 css visibility和display属性区别

visibility有两个值分别是：visible和hidden，意思分别是显示和隐藏，不过，当表现为隐藏时，次元素仍然没有脱离流，正常占据它的位置display有三个值分别是：inline，block，none。inline表现为行内元素，例如：div这个元素给它加inline则表现的跟span这个元素一样可以多个显示在一行；block为默认值，就是正常的显示，而none就是表

2016-01-19 12:22:57 560

little_newBee的博客