2048代码javascript

2026-08-25

280行代码：Javascript 写的2048游戏

2048 原作者就是用Js写的,一直想尝试,但久久未动手. 昨天教学生学习JS代码.最好还是就做个有趣的游戏好了.2048这么火,是一个不错的选择. 思路: 1. 数组 ,2维数组4x4 2. 移动算法,移动后有数字的对齐,无数字(我用的0,但不显示)补齐. 移动前移动后(注意程序合并了第一行2个2,并产生了新的2) 移动算法分2步: 第一步骤:移动第二步骤:合并移动代码參考: [html] view plaincopy function left(t,i) { var j; var le

2048总结 JavaScript+jQuery（取元素方便，.css，text方法）

Html部分(界面):1.开始新游戏:2.返回上一步:3.记分栏: 4.16个小格组成: 其中1,2由链接形式实现. a标签中href属性调用js方法: <a href="javascript:new_game();"id="new_game_button">开始新游戏</a> CSS部分: 1.字体采用@media方法适应屏幕大小: 2.背景待修改:(17行): 3.各元素的宽度.高度等单位为rem:默认1rem等于多少像素?? 4.htm

昼猫笔记从此告别复杂代码--JavaScript

昼猫笔记--给你带来不一样的笔记不止是笔记更多的是思考大家好,我是一只来自喵星的前端初学者,由于我们喵星人科技较为落后,昼猫从今天开始带着使命来到地球学习前端知识. 从今天开始,猫猫我就从JavaScript开始,之后我会完善HTML+CSS的知识点今天这篇文章主要是向大家介绍下什么是JavaScript,之后的文章中我会详细的讲解到每个知识点哦(1~2天一更) 首先咱们先了解下JavaScript javaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持

编写高质量代码—javascript的分层—base层

base层的功能是为common层和page层提供接口.封装不同浏览器下javaScript的差异,提供统一的接口 1.用getNextNode 函数封装IE和Firefox的差异: 2.透明度:封装setOpacity函数 3.event对象:封装getEventTarget 在IE下,event对象作为window的属性作用于全局作用域,而在firefox中,event对象是作为事件的参数存在的 btn.onclick=function(e){ var node=getEventTarget

JS实现2048代码

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>cwl's 2048</title> <style> *{ margin: 0; padding: 0; } body{ background-color: #5ad9ff; } </style> </head> <body> <script&

2048聚合版开源代码，cocos2d-js编写，基于CocosEditor开发工具，可运行Android，ios，html5等

1. [代码][JavaScript]代码 /** * @GameName : * 2048 * * @DevelopTool: * Cocos2d-x Editor (CocosEditor) * * @time * 2014-04-04 pm * * @Licensed: * This showcase is licensed under GPL. * * @Authors: * Programmer: touchSnow * * @Links: * http://www.c

js/ajax跨越访问-jsonp的原理和实例(javascript和jquery实现代码)

最近做了一个项目,需要用子域名调用主域名下的一个现有的功能,于是想到了用jsonp来解决,在我们平常的项目中不乏有这种需求的朋友,于是记录下来以便以后查阅同时也希望能帮到大家,需要了解的朋友可以参考下很庆幸,我又见到了末日后新升的太阳,所以我还能在这里写文章,言归正传哈,最近做了一个项目,需要用子域名调用主域名下的一个现有的功能,于是想到了用jsonp来解决,在我们平常的项目中不乏有这种需求的朋友,于是记录下来以便以后查阅同时也希望能帮到大家. 什么是JSONP协议? JSONP即JSON w

JavaScript经典魔力代码

是什么使得JavaScript不同于其他程序设计语言,在浏览器修饰方面表现出其优异的特性?毫无疑问,JavaScript在Web应用领域受到的好评,既源于它自身灵活的动态特性,也源于浏览器对它充分的支持. JavaScript是一种深受浏览器“宠爱”的语言,浏览器为其提供了丰富的资源和广阔的舞台. 下面的这段代码在网络上广为流传,被众多JavaScript爱好者奉为代表JavaScript魔力的经典: 例1.2 神奇的“魔法代码” JavaScript:R=0; x1=.1; y1=.05; x

JN_0004：轻松解码类似eval(function(p,a,c,k,e,d){}))的JavaScript代码

百度访问统计代码JavaScript源码:红色加粗部分将是要修改的地方.eval(function(p,a,c,k,e,d){e=function(c){return(c<a?"":e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){re

原生JavaScript实现AJAX、JSONP

相信大多数前端开发者在需要与后端进行数据交互时,为了方便快捷,都会选择JQuery中封装的AJAX方法,但是有些时候,我们只需要JQuery的AJAX请求方法,而其他的功能用到的很少,这显然是没必要的. 其实,原生JavaScript实现AJAX并不难,这篇文章将会讲解如何实现简单的AJAX,还有跨域请求JSONP! 一.AJAX AJAX的核心是XMLHttpRequest. 一个完整的AJAX请求一般包括以下步骤: 实例化XMLHttpRequest对象连接服务器发送请求接收响应数据

JavaScript通过id获取不到元素是什么原因阿？

s代码 JavaScript code ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 function show_more_mess() { $("#background_div").css("width","100%");//获取这个div的时候是没有问题的 $("#background_div").css("height","100%&q

用Javascript（js）进行HTML转义工具（处理特殊字符显示）

转自:http://blog.csdn.net/hj7jay/article/details/51280405 众所周知页面上的字符内容通常都需要进行HTML转义才能正确显示,尤其对于Input,Textarea提交的内容,更是要进行转义以防止javascript注入攻击. 通常的HTML转义主要是针对内容中的"<",">","&",以及空格.单双引号等.但其实还有很多字符也需要进行转义.具体的可以参考这篇文章. **

JavaScript简介及示例

JavaScript简介及使用一.简介 JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型.它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能. 在1995年时,由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成.因为Netscape与Sun合作,Netscape管理层希望它外观看起来像Jav

给JavaScript初学者的24条最佳实践

.fluid-width-video-wrapper { width: 100%; position: relative; padding: 0 } .fluid-width-video-wrapper iframe,.fluid-width-video-wrapper object,.fluid-width-video-wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100% } *::sel

JavaScript使用DeviceOne开发实战（三）仿微信应用

这是一个系列的文档,长期目标是利用DeviceOne开发一些目前使用广泛的优质手机应用,我们会最大化的实现这些应用的每一个功能和细节,不只停留在简单的UI模仿和Demo阶段,而是一个基本可以使用的实际App. 在实现的过程中,会有很多困难,还会发现有一些功能目前缺乏组件支持而无法实现,也会碰见各种移动开发中都会碰到的常见技术问题.一步一步的操作和问题的解决可以让开发者直观的了解通过DeviceOne如何开发一个实际App,也可以了解移动开发本身的很多技术细节,可以让App开发者少走很多弯路. 这

JavaScript中{}+{}

在 JavaScript 中,加法的规则其实很简单,只有两种情况: 把数字和数字相加把字符串和字符串相加所有其他类型的值都会被自动转换成这两种类型的值. 为了能够弄明白这种隐式转换是如何进行的,我们首先需要搞懂一些基础知识. 注意:在下面的文章中提到某一章节的时候(比如§9.1),指的都是 ECMA-262 语言规范(ECMAScript 5.1)中的章节. 让我们快速的复习一下. 在 JavaScript 中,一共有两种类型的值: 原始值(primitives) undefined nul

开源游戏“2048”IOS移植版

简介: 这个游戏是我在今年(2014/05)课余时闲着无聊做的一个益智类小游戏,总共花了4个工作日才完成,为了游戏的效率,做了很多优化,目前在IE5以上浏览器能够流畅运行,运行时如果屏幕分辨率不兼容,你可以缩放到最佳显示效果.大家可以学习学习,有不足的地方你们可以自己改改,该款游戏是模仿最火爆的游戏“2048”的风格. 授权: 本软件使用的是“GPL”开源协议. 截图: 代码说明: 这个游戏是基于HTML4开发的,所以兼容性也挺不错的,电脑配置一般的就可以流畅玩耍了. 代码预览地址: 20

HTML 学习笔记 JavaScript（简介）

JavaScript 是世界上最流行的编程语言. 这门语言可用于HTML和web 更可广泛用于服务器.PC.笔记本电脑.平板电脑和智能手机等设备. JavaScript是脚本语言 JavaScript是一种轻量级的编程语言 JavaScript是可插入 HTML页面的编程代码 JavaScript 插入HTML页面后可由所有的现代浏览器执行 JavaScript 输出: <script> document.write("<h1>这是标题</h1>"

高性能JavaScript 达夫设备

前言在<高性能JavaScript>一书的第四章算法和流程控制中,提到了减少迭代次数加速程序的策略—达夫设备(Duff's device).达夫设备本身很好理解,但是其效果是否真的像书中所说“如果迭代次数超过1000,那么达夫设备的执行效率将明显提升”?还是随着浏览器性能的逐渐增强,这种以牺牲代码阅读性而获取的性能提升已经微不足道? 达夫设备达夫设备真的很简单,说白了就是“循环体展开”.看如下的代码: var a = [0, 1, 2, 3, 4]; var sum = 0; for(va

JavaScript 语句

JavaScript 语句 JavaScript 语句向浏览器发出的命令.语句的作用是告诉浏览器该做什么. JavaScript 语句 JavaScript 语句是发给浏览器的命令. 这些命令的作用是告诉浏览器要做的事情. 下面的 JavaScript 语句向 id="demo" 的 HTML 元素输出文本 "你好 Dolly" : 实例 document.getElementById("demo").innerHTML = "Hell

JavaScript初学者应注意的七个细节(转)

http://www.cnblogs.com/lhb25/archive/2011/01/10/1932284.html 每种语言都有它特别的地方,对于JavaScript来说,使用var就可以声明任意类型的变量,这门脚本语言看起来很简单,然而想要写出优雅的代码却是需要不断积累经验的.本文利列举了JavaScript初学者应该注意的七个细节,与大家分享. (1)简化代码 JavaScript定义对象和数组非常简单,我们想要创建一个对象,一般是这样写的: 1 2 3 4 5 var car = n

2048代码javascript

热门专题