
JavaScirpt学习
文章平均质量分 87
celen_
一个想当段子手的程序员...
展开
-
JavaScript实现开关灯游戏
前言开关的游戏是一款有趣的益智类游戏。在游戏中,你需要通过点击操作来打开或关闭那些灯,每一个开关灯的按钮都与其周围的按钮功能相反.正文刚开始学习js 事件,编写这个游戏用来做练习。主要思路:将所有的灯放进数组,并给创建的灯一个索引值index,索引值与数组下标值一样,方便进行判断。该函数用来判断点击的灯的上下左右能否被点亮。function clickItem(a){原创 2016-09-12 16:03:57 · 1667 阅读 · 3 评论 -
JavaScript 实现flappy bird小游戏
前言:《flappy bird》是一款由来自越南的独立游戏开发者Dong Nguyen所开发的作品,游戏于2013年5月24日上线,并在2014年2月突然暴红。2014年2月,《Flappy Bird》被开发者本人从苹果及谷歌应用商店撤下。2014年8月份正式回归APP STORE,正式加入Flappy迷们期待已久的多人对战模式。游戏中玩家必须控制一只小鸟,跨越由各种不同长度水管所组成的障碍。正文原创 2016-09-23 20:36:44 · 3138 阅读 · 7 评论 -
Canvas模拟地球,月球公转
前言众所周知,地球绕着太阳公转,月球作为地球的卫星,绕着地球沿着一定的轨道在旋转,这儿用圆来模拟地球和月球的旋转轨道(实际为椭圆)。正文首先来分析,如何画一个绕着太阳不停旋转的地球。大家都知道context.arc(x,y,radius,0,2*Math.PI)这是canvas里面画圆的一个方法,那么要让圆动起来,并绕着一定的轨道旋转,实际上就是不断的改变圆心的坐标。那么就地球的旋转来讲,它的圆心原创 2016-10-29 15:07:42 · 3545 阅读 · 0 评论 -
JavaScript实现打地鼠小游戏
前言:打地鼠小游戏相信大家都玩过,地鼠会从一个个地洞中不经意的探出一个脑袋,我们要做的就是在地鼠出来的时候拖动鼠标去打它,当打到地鼠时,会加分,打到不是地鼠时,会减分,是一个很考验手速和眼力的小游戏正文 没有找到地鼠素材,这儿用”灰太狼”来替代地鼠,”小灰灰”替代非地鼠的物体。接下来就是一步步去实现它。首先来做分析,地鼠是如何往上钻出来的。在这儿,有这样一张图片,大家看了之后就一目了然了~ 在这原创 2016-09-29 11:51:48 · 5030 阅读 · 1 评论 -
JavaScript 操作url向另一个页面传参
正文 如何从页面1中向页面2传入一张图片的路径呢? 1 . 在页面1,通过点击,跳转到页面2,//$('#aa').click()即为给id名为aa的元素添加点击事件$('#aa').click(function(){window.location.href="index3.html/?src=img/apple.jpg"; })2 . 这样页面2的url为下图所示 3原创 2016-10-14 20:24:47 · 807 阅读 · 3 评论 -
JavaScript 反转字符串
正文1.对于反转字符串,大家的第一反应 应该是reverse(),but reverse()方法是用来颠倒数组中的元素的顺序。那么首先得把字符串转换成数组。2.split(separator,howmany)方法用于将字符串分割成数组,它有两个参数,separator(必须):该参数为字符串或者正则表达式,从该参数指定的位置开始分割;howmany(可选):该参数可指定返回的数组的最大长度。如果设置原创 2016-10-14 19:58:06 · 456 阅读 · 0 评论 -
JavaScript 贪吃蛇游戏的实现
JavaScript 贪吃蛇游戏的实现前言游戏介绍:贪吃蛇游戏是一款经典小游戏,既简单又耐玩。通过控制蛇头方向吃蛋,使得蛇变长,从而获得积分。 游戏玩法:上下左右控制蛇的方向,寻找吃的东西,每吃一口就能得到一定的积分,而且蛇的身子会越吃越长,身子越长玩的难度就越大,不能碰墙,不能咬到自己的身体,更不能咬自己的尾巴,等到了一定的分数。正文步骤1:创建页面布局,将每一个小格放到数组里面,通过行列构造一原创 2016-09-22 09:08:02 · 1065 阅读 · 0 评论 -
JavaScript 实现碰壁反弹
前言:碰壁反弹所要的效果就是一个小块在一个大的DIV里做X轴和Y轴的匀速运动,当碰到大DIV的边框时,反方向移动。  正文:步骤1:首先来分析,怎么样才能使得小球动起来。a、给小球一个绝对定位abso原创 2016-09-23 08:56:00 · 1290 阅读 · 0 评论 -
JavaScript 实现放大镜效果
JavaScript 实现放大镜效果前言:放大镜,顾名思义,就是将所要观看的物体放大,让其看的更加清除和细致。那如何用JavsSript来实现对图片的放大呢?正文:既然是放大镜,那么首先得有个放大镜…下面先来创建放大镜。步骤1:放大镜只不过是一个幌子,我们创建一个div,用来通过在图片上不断移动,来实现图片放大的效果。首先创建一个小div用来存放图片 <div class="m原创 2016-09-22 14:16:30 · 687 阅读 · 0 评论 -
JavaScript 实现随机生成一注彩票
前言最近在学随机数的生成,做了模拟生成彩票,用来进行联系。正文主要思路:为了防止数字重复,用到了比较笨的办法,将1-32数字放到数组里面去,然后将数组打乱顺序,将取前面5个放到红色球里;同理,将1-16放到数组,打乱后,取第一个放进篮球。打乱数组函数:var number2=[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15原创 2016-09-12 17:59:56 · 2258 阅读 · 1 评论 -
JavaScript小游戏,通过颜色选择正确的字
前言又是一个用JavaScript实现的小游戏,游戏规则为:根据上面的字的颜色从下面选择正确的字,选择正确自动开始正文主要思路:如何改变字体和颜色:将颜色和字块,放进数组,通过将数组进行重新排序,这样可以将颜色随机赋给随机的一个字体。如何进行判断:通过获取提示信息的颜色值和当前点击的对象的innerHTML进行比较,如果符合条件,则进入下一轮,例如:if(c原创 2016-09-12 16:47:07 · 2662 阅读 · 1 评论 -
vue 后台系统权限管理
前言最近在做一个后台管理系统,一般的后台系统都有权限管理这块,下面我就分享下我实现权限管理这块的思路。技术栈及实现思路首先说下这个系统前端用到的技术栈,vue全家桶,element-ui,axios。首先,用户的权限是通过前端来进行配置的,那么就需要一个页面去进行用户的权限配置。在用户登录之后,通过请求后台查找该用户的权限信息,然后返回到前端。前端拿到权限信息之后,动态配置路由,再生成出对应...原创 2018-12-07 09:07:18 · 7997 阅读 · 3 评论