前端练习
文章平均质量分 75
VVVGavin
这个作者很懒,什么都没留下…
展开
-
锅打灰太狼游戏
锅打灰太狼这个游戏,要处理游戏界面的Html布局,游戏界面的Css样式,以及Js交互部分。主要处理的问题是定时器的开关处理,狼坑位置的选取,大狼小狼上升和下降的函数,打灰太狼加分,打小灰灰减分,重新开始,隐藏开始按钮,重新启动定时器。这个游戏看起来简单,但是整个代码块逻辑性比较强,比较考验大家的逻辑思想,很值得初学者去练习。通过这个小练习,你不仅能熟悉学过的代码,还可以提高自己的分析问题和逻辑处理方式,我把自己的这个游戏实现的代码分享给大家,图片太多了没有上传完,你们可以找下这个游戏素材图片,希望你们能喜欢原创 2017-07-23 11:29:02 · 867 阅读 · 0 评论 -
找徐峥游戏
找徐峥这个游戏的难点在于创建节点,找到徐峥,添加点击事件。在创建图片函数里嵌套添加点击事件,在点击事件函数里面添加创建图片函数,整个代码块都是用原生做的,比较好理解。整个游戏是用封装函数写的,一个模块实现一个功能,结构清晰。我把这个游戏的图片素材上传了,代码也分享给在博客里面了,大家有喜欢的可以点个赞,希望你们能喜欢我的博客。原创 2017-07-23 14:39:14 · 507 阅读 · 0 评论 -
碰撞练习
模拟飞翔的小鸟游戏,当小鸟与两根柱子相撞时,柱子变为红色,柱子的高度是随机的,这个练习重点是处理小鸟和柱子的碰撞问题,分为小鸟碰撞上面的柱子和下面的柱子两部分。这篇博客还可以把碰撞问题封装成了一个函数,当调用碰撞的函数,只需要传入两个对象参数就可以实现碰撞的检测了。原理很简单,主要是处理逻辑方面的问题,希望大家能多多支持,谢谢大家。原创 2017-07-23 16:06:45 · 383 阅读 · 0 评论 -
微信摇一摇
微信摇一摇使用js生成节点,纯原生程序。摇一摇功能需要硬件支持,手机中的两次陀螺仪加速距离差值达到某一值认为是晃动事件。实现摇一摇功能的重点在于:判断是否发生了晃动事件,发生了晃动事件,则执行创建定时器,在定时器里面添加img节点,延时一段时间清除定时器。这个功能实现的过程很简单,主要是要掌握晃动事件的产生和定时器里面添加img节点。原创 2017-07-23 16:22:38 · 671 阅读 · 0 评论 -
横竖屏播放视频
横竖屏操作依赖于手机硬件的支持,通过对window添加onorientationchange事件,获取到当前屏幕的方向,从而执行对应的js逻辑。这篇博客给大家介绍了横屏状态下手机播放视频,纵屏状态下全屏播放视频。逻辑很简单,主要是掌握window的这一个事件。希望对大家有所帮助,感谢大家的支持!原创 2017-07-23 16:35:46 · 923 阅读 · 0 评论 -
留言板
留言板项目的重点有以下几个方面:第一:在点击事件中获取删除按钮所在的li节点var deleteLi =this.parentNode.parentNode;第二:每次添加的新留言,插入到第一条:ul.insertBefore(li,ul.children[0]);第三:每次添加节点执行tween.js动画,每次删除节点执行tween.js动画;本篇博客代码简练,思路清晰,希望大家能喜欢!原创 2017-07-28 18:03:32 · 639 阅读 · 0 评论