![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
文章平均质量分 52
志在全栈
这个作者很懒,什么都没留下…
展开
-
使用canvas实现js原生贪吃蛇
先看效果图:游戏要求:1.方向键可以控制蛇头的运动方向。2.食物随机出现在画布中。3.蛇身跟随蛇头运动。4.蛇头不能撞墙或撞到蛇身。5.蛇吃了食物后蛇身增长。细节注意事项:其实贪吃蛇游戏有几个细节需要注意:1.当蛇向上时向下键无效,同理当蛇向左时向右键无效等等。2.蛇身的每一次移动相对前一段有延后性。3.当蛇身长度小于等于三个时是无论如何也不会装上自己的。(可以减少一些计算量)实现思路:一,准备画布和按钮(主要逻辑不在此,所以不需要深入)css用到原创 2022-05-29 10:27:06 · 550 阅读 · 0 评论 -
vue模板解析——源码演示
1.表面层<body> <div id="root"> {{str}} <span>{{name}}</span> </div> <script type="text/javascript" src="./vue.js"></script> <script type="text/javascript"> new Vue({ el: "#root",原创 2022-05-15 10:04:31 · 163 阅读 · 0 评论 -
js对象操作运算符(in,instanceof,delete)
1.归属检测inin运算符能够检测左侧操作数是否为右侧操作数的成员。其中,左侧操作数是一个字符串,或者可以转换为字符串的表达式,右侧操作数是一个对象或数组。注意:无法检测数组(结果都为false),本来也就没有必要检测,用indexOf不香吗?//in运算符可以检测到原型上的属性var o = { //定义对象 a : 1, //定义属性a b : function() {} //定义方法b}console.log("a" in o); //返回truecon翻译 2022-05-12 20:23:47 · 314 阅读 · 0 评论 -
记忆翻牌游戏——react算法学习
先看效果游戏效果为什么要使用react?首先要说明一下,用原生js,vue都是可以的,逻辑思路是一样的,用react的原因主要是我认为react的状态管理比较方便,也比较直观。原生的当然也可以,但是代码会很长,逻辑也不清晰。大致思路至于为什么要用写这个游戏呢?在我刚学习js的时候就很有天马行空的想法,想开发一款游戏装杯,奈何技术受限,当学的差不多的时候(也就是最近),突发奇想旧事重提,想到的这个游戏。思路完全是自己琢磨的,反复测试后发现行得通。首先是定义一个数组,[1,.原创 2022-05-07 18:47:00 · 1407 阅读 · 0 评论