JS练习

JS练习实例--编写经典小游戏俄罗斯方块

最近在学习JavaScript，想编一些实例练练手，之前编了个贪吃蛇，但是实现时没有注意使用面向对象的思想，实现起来也比较简单所以就不总结了，今天就总结下俄罗斯方块小游戏的思路和实现吧（需要下载代码也是有的），我会说得很详细很详细的所以要看完需要好多耐心的。。。基本思路游戏区域：游戏区域是固定的，这里将它设为宽10单位，高16单位的矩形区域，前端显示用表格来实现，并将每个td保存在一个二维数组中，
weixin_34014277·2020-08-18 04:31

js练习：猜拳游戏

js练习：猜拳游戏//猜拳游戏//清屏函数letclear=()=>process.stdout.write(process.platform==='win32'?'
weixin_30677617·2020-08-17 03:09

js练习（十四）实现函数 functionFunction，调用之后满足如下条件：

题目描述：实现函数functionFunction，调用之后满足如下条件：1、返回值为一个函数f2、调用返回的函数f，返回值为按照调用顺序的参数拼接，拼接字符为英文逗号加一个空格，即','3、所有函数的参数数量为1，且均为String类型//方法1：functionfunctionFunction1(str){varf=function(str2){returnstr+','+str2}retur
柠檬不萌只是酸i·2020-08-16 11:12

【three.js练习程序】鼠标滚轮缩放

ceshibody{margin:0;overflow:hidden;}varcube=newArray(100);varcamera,scene,renderer;varid=null;varfov=45;varnear=0.1;varfar=1000;init();functioninit(){scene=newTHREE.Scene();camera=newTHREE.Perspective
weixin_34345560·2020-08-15 00:44

js实现页面上的图片跟着鼠标箭头移动

js练习七functionDivflying(){vardiv=document.getElementById('dv1');if(!
Sunqlive·2020-08-14 02:21

封装js拖拽函数

回顾js练习拖拽（未兼容低版本ie浏览器）Document.box1{width:100px;height:100px;background:red;position:absolute;z-index:
一半白天 一半黑夜·2020-08-09 01:06

backbone.js练习

最近几天开始看backbone.js，backbone.js是什么就不做介绍了，是一个MVC的框架，怎么用的话，有一个人写的书写的相当不错，推荐看下《Backbone.js入门教程》，正好自己现在做的项目是一个后台的管理系统，比较适合使用这种MVC的框架，前段时间，自己还尝试过使用angular.js来实现过一次一个页面，这个以后有机会再写一下这个实现的思路。这个先不提，这次正好借这个结果练习一下
xiaopeng2493·2020-08-07 22:52

原生js练习 网页换肤

原生js练习网页换肤写的很烂，没有要点效果：*{margin:0px;padding:0px;}body{height:100%;width:100%;}#main{height:720px;width
一穹二白·2020-08-03 08:42

JS练习笔记（3）--判断数字是否为两位数

我是按照实例索引写的第三课的第6个练习，同样是和源码写的区别比较大。需要达到的效果为我的思路是将输入的数字转换为数组，然后获得数组的长度来判断是否为2位数。window.onload=function(){varinput=document.getElementsByTagName('input')[0];varbtn=document.getElementsByTagName('button')
枫林_panda·2020-07-31 12:10

js练习 获取时间 三种弹框 过滤选择器 过滤选择器 移入移出的事件的练习 hide，show或者.style.display="block" 的练习

js时间的显示（循环刷新获取时间）window.onload=show();//进入页面开始加载functionshow(){vard=newDate();varh=d.getHours();varm=d.getMinutes();vars=d.getSeconds();vara=document.getElementById("a");a.innerHTML=h+"时"+m+"分"+s+"秒";
一念之间123·2020-07-30 12:00

js练习 表单非空验证 省级联动 输出最大值

js用户填写非空验证用户名密码functioncheckLogin(){document.getElementById("tv_uname_span").innerHTML="";document.getElementById("tv_upsw_span").innerHTML="";varname=document.getElementById("tv_uname").value;if(name
一念之间123·2020-07-30 12:00

js练习之纸牌互换

纸牌游戏：左右手交换两张纸牌小明左右手分别拿两张纸牌：黑桃10和红心8，现在交换手中的牌。用js模拟这一过程：两个整数分别保存在两个变量中，将这两个变量的值互换，并打印输出互换后的结果。图示：输出互换前手中的纸牌：左手中的纸牌：10右手中的纸牌：8输出互换后手中的纸牌：左手中的纸牌：8右手中的纸牌：10代码如下vara=10,b=8,c;document.write('输出交换前手中的纸牌')do
Gumballs·2020-07-30 10:35

两道JS练习题笔记，JS的赋值问题以及常用字符串函数问题

题目一：vara={n:1}varb=a;a.x=a={n:2}vara={n:1}varb=a;a.x=a={n:2}问：console.log(a)console.log(a.x)console.log(b.x)console.log(b)在看了解析文章并消化之后作为学习笔记记录。首先：b=a是浅拷贝，堆栈中引用的是同一个对象地址。赋值运算符：从右至左执行vara=1,b=2,c=3;a=b=
穿西装的水獭·2020-07-30 07:00

js练习 用循环将三个DIV变成红色

用循环将三个DIV变成红色要点：divarr=document.getElementById('out').getElementsByTagName('div');返回数组divarr[]，获得子元素数组#outdiv{height:100px;width:100px;margin:10px10px;background-color:#000000;display:inline-block;}bu
一穹二白·2020-07-29 12:20

复习HTML、CSS、JS练习题

表格复选框全选12345无标题文档67window.onload=function(){8varinputAll=document.getElementById("all");9inputAll.addEventListener("click",checks);10}11functionchecks(){12varobj=this;13varobjs=document.getElementsByC
weixin_33863087·2020-07-28 18:45

LV2之-----js基础程序逻辑（语法规范& if else&switch&for）------练习

js练习------语法规范&ifelse&switch&forpart11.用代码实现变量a中存储的数字10，变量b中存储的数字是31）a除以b后，并取整，在页面输出得到的结果？
水兮泱泱·2020-07-15 17:04

JS练习题

//以下代码执行后，两次弹窗分别弹出来的值是：B//varnum1=1;//functiontestf1(){//num1=2;//alert(num1);//}//functiontestf2(){//alert(num1);//}//testf1();//testf2();//A2,1//B2,2//C2，undefined//D1,1//Number(true)返回值为B//Atrue//B
猫不理5179·2020-07-15 09:45

js练习题整理

JS编码题1、输入一个随机位数的数字(10位以内)，逆序打印输出各位数是多少如：输入：8273842输出：2483728varnumb1=prompt("请输入一个10位以内的数字："),prt;varlen=numb1.length;for(vari=1;i");if(numb1==0){break;}2、递归（菲波拉契数列，兔子数列）/*functionrabbit(n){if(n3、给定一个
-特立独行的喵-·2020-07-14 03:16

【日常】JS练习题（三）

实现一个表单，当光标聚焦在证件号码栏时，提示输入18位的身份证号码简单分析一下，当证件号码一栏onfocus时，在input后面追加一行“请输入18位的身份证号码”的红字提示。即当input的onfocus事件被触发时，首先把之前追加的元素删除，然后重新在input后追加元素（在该td下追加子元素）。首先来回顾一下有关追加、删除子元素的相关DOM方法追加子元素/*追加子元素*/varidTip=d
UnspoKen995·2020-07-13 23:06

【日常】JS练习题（二）

今天在做一个练习题的时候遇到一个小问题，实现一个重置按钮，当点击按钮时，提示“是否要重新填写”，如果用户点击确定，则重置表达，否则不做处理。看到题目时我邪魅一笑：soeasy，但是在test时，突然发现不管我点击的是确定还是取消，这丫全都给我重置了，各种调试我的绑定函数，无果。然后开始google解决方案，最终搜索到了一个可行方案。有两种方案，第一种借助reset按钮，十分精简。第二种方案，自己实
UnspoKen995·2020-07-13 23:06

【日常】JS练习题(一)

排序扑克牌（J,Q,K,A,2…,10,大王，小王）从小到大排序，2算大的。//1.排序扑克牌//（J,Q,K,A,2.....,10,大王，小王）//从小到大排序，2算大的。(function(cards){varorderCards;//console.log(cards);for(letindexincards){if(cards[index]=='J'){cards[index]='11'
UnspoKen995·2020-07-13 23:35

贪吃蛇

JS练习–贪吃蛇学了一段时间的JS,就想着写个小游戏试试,整体也下来的感觉就像是再敲一道模拟题,感觉还挺有意思的效果图实现思路绘制基本布局，设置键盘监听事件当键盘按下Enter键时，绘制长度为3的贪吃蛇
伪伪的喵喵·2020-07-13 10:10

js实现文字搬运工

图片预览代码:js练习5*{margin:0;padding:0;}#left,#right{width:300px;height:300px;font-size:20px;float:left;border
dianxinshuan5366·2020-07-11 05:57

用js 动态进行创建列表，点击按钮时，动态创建一个两行三列的表格

js练习五vardict={'百度':'http://www.baidu.com','新浪':'http://www.sina.com.cn','谷歌':'http://www.g.cn'};window.onload
Sunqlive·2020-07-10 23:54

【js练习】检索字符串中第一次只出现一次的字母

检索字符串中第一次只出现一次的字母Document检索字符串中第一个只出现一次的字母：window.onload=function(){varsearch=document.getElementById('search'),numberObj={},//记录字符串中每个字符出现的次数hasonce=false,//判断该字符串中是否有只出现一次的字母resuleVal=''//存放第一个只出现一次
 _琳·2020-07-08 22:04

JavaScript练习题

js练习题主要记录了学习中感觉有意思的题型,主要写了函数，数组，对象，js效果，以下代码逻辑均为自己编写的思维逻辑，问题解决方法不唯一，我的代码仅供参考函数1.编写任意个数字的求和、差、积、商的函数思路分析
爱笑萌娃·2020-07-05 09:20

之前做过的js练习题

1.大马驮2石粮食，中马驮1石粮食，两头小马驮一石粮食，要用100匹马，驮100石粮食，该如何调配？for(vari=0;i");//输出结果}}}}2.6.某侦察队接到一项紧急任务，要求在A、B、C、D、E、F六个队员中尽可能多地挑若干人，但有以下限制条件：●A和B两人中至少去一人；●A和D不能一起去；●A、E和F三人中要派两人去；●B和C都去或都不去；●C和D两人中去一个；●若D不去，则E也不
baicuimeng9549·2020-07-04 11:08

【three.js练习程序】动画效果，100个方块随机运动

ceshibody{margin:0;overflow:hidden;}varcube=newArray(100);varcamera,scene,renderer;varid=null;init();functioninit(){scene=newTHREE.Scene();camera=newTHREE.PerspectiveCamera(45,window.innerWidth/window
weixin_34413065·2020-06-28 19:58

【three.js练习程序】旋转物体自身

ceshibody{margin:0;overflow:hidden;}varcube=newArray(100);varrotx=newArray(100);varroty=newArray(100);varrotz=newArray(100);varcamera,scene,renderer;varid=null;varfov=45;varnear=0.1;varfar=1000;init()
weixin_34351321·2020-06-28 17:06

【three.js练习程序】创建地球贴图

ceshibody{margin:0;overflow:hidden;}varcamera,scene,renderer;varsphere;varcontrols;varobjects=[];varfov=45;varnear=0.1;varfar=1000;init();render();functioninit(){scene=newTHREE.Scene();//创建场景camera=ne
weixin_34186128·2020-06-28 13:29

【three.js练习程序】旋转、缩放场景

ceshibody{margin:0;overflow:hidden;}varcube=newArray(100);varrotx=newArray(100);varroty=newArray(100);varrotz=newArray(100);varcamera,scene,renderer;varcontrols;varid=null;varfov=45;varnear=0.1;varfar
weixin_34177064·2020-06-28 12:43

【three.js练习程序】创建简单物理场景

ceshibody{margin:0;overflow:hidden;}varcamera,controls,scene,renderer;varclock=newTHREE.Clock();//物理引擎相关变量vargravityConstant=-9.8;varcollisionConfiguration;vardispatcher;varbroadphase;varsolver;varphy
weixin_33924770·2020-06-28 08:09

【three.js练习程序】拖动选中的物体

ceshibody{margin:0;overflow:hidden;}varcube=newArray(100);varrotx=newArray(100);varroty=newArray(100);varrotz=newArray(100);varcamera,scene,renderer;varcontrols;varobjects=[];varfov=45;varnear=0.1;var
weixin_33860722·2020-06-28 06:11

【three.js练习程序】创建太阳系

ceshibody{margin:0;overflow:hidden;}vardis=[0.38,0.72,1,1.52,5.2,9.54,19.218,30.06];//太阳距离varradius=[2440,6052,6378,3397,71472,60268,25559,24764];//行星半径varcamera,scene,renderer;varsphere=newArray(8);v
weixin_33835103·2020-06-28 06:05

【three.js练习程序】动画效果，100个方块随机运动

ceshibody{margin:0;overflow:hidden;}varcube=newArray(100);varcamera,scene,renderer;varid=null;init();functioninit(){scene=newTHREE.Scene();camera=newTHREE.PerspectiveCamera(45,window.innerWidth/window
weixin_33832340·2020-06-28 06:12

【three.js练习程序】旋转、缩放场景

ceshibody{margin:0;overflow:hidden;}varcube=newArray(100);varrotx=newArray(100);varroty=newArray(100);varrotz=newArray(100);varcamera,scene,renderer;varcontrols;varid=null;varfov=45;varnear=0.1;varfar
weixin_33802505·2020-06-28 05:40

【three.js练习程序】创建简单物理地形

ceshibody{margin:0;overflow:hidden;}varcamera,controls,scene,renderer;varclock=newTHREE.Clock();//物理引擎相关变量vargravityConstant=-9.8;varcollisionConfiguration;vardispatcher;varbroadphase;varsolver;varphy
weixin_33774615·2020-06-28 05:51

JS小练习

后退前进刷新JS练习1JS练习2JS练习3JS练习4JS练习5
love_zs·2020-06-24 08:10

重写nodejs开发指南_简易微博实例

这是学习nodeJS练习的小实例使用了NodeJS+Express4.x+ejs+MongoDB期间由于技术更新太快网络上大多数资料过于久远所以重写了这个小实例并记录下来项目中肯定有很多地方写的不太合理感觉自己也是半壶水只能说勉强实现欢迎雅正共同学习
RowanIT3·2020-06-22 04:07

【three.js练习程序】创建太阳系

ceshibody{margin:0;overflow:hidden;}vardis=[0.38,0.72,1,1.52,5.2,9.54,19.218,30.06];//太阳距离varradius=[2440,6052,6378,3397,71472,60268,25559,24764];//行星半径varcamera,scene,renderer;varsphere=newArray(8);v
weixin_34266504·2020-06-21 11:39

【three.js练习程序】鼠标滚轮缩放

ceshibody{margin:0;overflow:hidden;}varcube=newArray(100);varcamera,scene,renderer;varid=null;varfov=45;varnear=0.1;varfar=1000;init();functioninit(){scene=newTHREE.Scene();camera=newTHREE.Perspective
weixin_34242819·2020-06-21 11:54

【three.js练习程序】随机生成100个方块

ceshibody{margin:0;overflow:hidden;}init();functioninit(){varscene=newTHREE.Scene();varcamera=newTHREE.PerspectiveCamera(45,window.innerWidth/window.innerHeight,0.1,1000);camera.position.x=100;camera.
weixin_33834628·2020-06-21 10:38

Vue学习笔记-01-入门

文章目录一、Vue概述二、基本使用2.1原生JS2.2jQuery2.3Vue.js基本步骤2.3.2Vue练习三、JS练习一、Vue概述Vue：渐进式JavaScript框架声明式渲染（基础）组件系统
疯狂的地球人·2020-05-22 21:00

js练习（一）

题目：判断一个字符串中出现次数最多的字符，统计这个次数。比如str=asdfssaaasasasasaa;代码如下：varstr="asdfssaaasasasasaa";varobj={};functiongetStringNum(str){vararr=str.split("");for(vari=0;istring.split()split用法array转换为string=>array.jo
芒果加奶·2020-04-13 04:32

js练习---数组及对象

一：源码地址practice-1github地址https://github.com/Jadlute/TW_three_workspre-posgitHub地址https://github.com/Jadlute/TW_three-2二：测试结果Paste_Image.pngPaste_Image.png三：团队集体学习/挑战（js初级）Paste_Image.png四：个人总结第一部分练习较为简
未小琴·2020-03-26 04:25

Map、Reduce、Filter

在之前做的JS练习中，着重练习了集合操作，主要用到的就是map、reduce、filter这三个函数。
Godning·2020-02-29 07:24

使用缓存解决js递归调用性能问题

说明这是在codewars.com上刷的一道js练习题，在此做个记录问题描述TheFibonaccisequenceistraditionallyusedtoexplaintreerecursion.斐波那契序列通常是用来解释递归调用
scarecrowlxb·2020-02-24 10:02

2018-10-31 vue框架（1）组件

$emit()触发事件bus.js中间传输件，两个兄弟组件中都应该import中间的bus.js练习：饿了么商家页面的模仿，
弥之怀旧·2020-02-02 10:50

简单js练习

1.找出数组中的同时能被2和3整除的数，并求和。A=[1,4,6,3,6,7,12,34,5,67,78,6,6,6];封装函数，并调用函数。//arr=[1,4,6,3,6,7,12,34,5,67,78,6,6,6];//functionfun(){//varhe=0;//for(vara=0;a
苏苡·2019-12-14 17:48

字符串回文判断 js练习

/判断一个字符是否为回文，abcba是回文，。/*functionfn2(str){varstr1='';for(vari=str.length-1;i>=0;i--){str1+=str[i];}//console.log(str,str1);if(str===str1){console.log('是回文');}else{console.log('不是回文');}}fn2('abcba');fu
lg712·2019-11-12 21:00
上一页 1 2 3 4 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他