JavaScript资料,JavaScript文章,JavaScript文档-易库教程

javascript游戏开发之《三国志曹操传》零部件开发（四）用地图块拼成大地图

2017年02月06日 20 阅读

小时候我们玩过拼图游戏，是用自己的手去拼的。今天我们来研究研究用javascript来拼图。同样是拼图，但用js拼图要比用手拼图麻烦多了，因此以后我要把它优化成引擎。一、前言以上是一段导语，话不扯远，对《三国志曹操传》熟悉的玩家知道，《三国志曹操传》的地图是由小地图块拼成的，那要实现它就和导语说得一样：很麻烦。不过即使麻烦也是一门技术，因此在此分享给大家，希望大家喜欢。二、代码讲解今天我要换换讲解方式，先不给代码，我们先来想想原理。现在，假如你有一幅图片，...

javascript游戏开发之《三国志曹操传》零部件开发（五）可移动地图的实现

2017年02月06日 21 阅读

一、前言这一讲的内容很简单，大家理解起来会更快。因此我只对重点加以分析，其他的就轮到大家思考哦！首先来说，我对游戏开发可以算是不怎么深入，因为现在的程序员爱用canvas，我却就只会拿几个div凑和。不过没关系，因为做出来的同样是游戏。哈！废话最近有点多，望大家原谅。接下来请看代码解析。二、代码讲解今天调一下讲解顺序，先看代码后看图片。这是slg.js里的内容：复制代码代码如下:var subtractedMargin = 0; var subtra...

jQuery ajax（复习）—Baidu ajax request分离版

2017年02月06日 20 阅读

你没有看错标题，本文的确是在讲Baidu ajax，不过是很久很久以前的版本了。由于jQuery ajax模块有800+行，而核心函数jQuery.ajax就有380+行，直接分析这段代码很容易被代码逻辑弄晕。所以我们先分析一段简单的ajax代码，来自早期的百度七巧板项目。通过这个来先复习一遍ajax的知识。 baidu.ajax.request分离版复制代码代码如下: /** * 发送一个ajax请求 * @author: allstar, e...

（跨浏览器基础事件/浏览器检测/判断浏览器）经验代码分享

2017年02月06日 21 阅读

跨浏览器基础事件复制代码代码如下: //跨浏览器添加事件 function addEvent（obj, type, fn） { if （obj.addEventListener） { obj.addEventListener（type, fn, false）; } else if （obj.attachEvent） { obj.attachEvent（"on" + type, function （） { fn.call（obj）; }）; } } //...

THREE.JS入门教程（1）THREE.JS使用前了解

2017年02月06日 18 阅读

Three.js是一个伟大的开源WebGL库，WebGL允许JavaScript操作GPU，在浏览器端实现真正意义的3D。但是目前这项技术还处在发展阶段，资料极为匮乏，爱好者学习基本要通过Demo源码和Three.js本身的源码来学习。国外网站 aerotwist.com 有六篇较为简单的入门教程，我尝试着将其翻译过来，与大家分享。我在一些实验项目中使用了Three.js，我发现它对快速上手浏览器3D编程确实很有帮助。通过Three.js，你不仅可以创...

THREE.JS入门教程（2）着色器-上

2017年02月06日 18 阅读

译序 Three.js是一个伟大的开源WebGL库，WebGL允许JavaScript操作GPU，在浏览器端实现真正意义的3D。但是目前这项技术还处在发展阶段，资料极为匮乏，爱好者学习基本要通过Demo源码和Three.js本身的源码来学习。 0.简介之前我已经给出了一篇《开始使用Three.js》。如果你还没有读过，你可能需要去读一下，本文的基础是在那一篇教程的基础上完成的。我想讨论一下着色器。在Three.js帮助你免去了很多麻烦之前，原生WebG...

THREE.JS入门教程（3）着色器-下

2017年02月06日 22 阅读

译序 Three.js是一个伟大的开源WebGL库，WebGL允许JavaScript操作GPU，在浏览器端实现真正意义的3D。但是目前这项技术还处在发展阶段，资料极为匮乏，爱好者学习基本要通过Demo源码和Three.js本身的源码来学习。 .简介这是WebGL着色器教程的后半部分，如果你没看过前一篇，阅读这一篇教程可能会使你感到困惑，建议你翻阅前面的教程。上一篇结束的时候，我们在屏幕中央画了一个好看的粉红色的球体。现在我要开始创建一些更加有意思的东...

THREE.JS入门教程（4）创建粒子系统

2017年02月06日 27 阅读

译序 Three.js是一个伟大的开源WebGL库，WebGL允许JavaScript操作GPU，在浏览器端实现真正意义的3D。但是目前这项技术还处在发展阶段，资料极为匮乏，爱好者学习基本要通过Demo源码和Three.js本身的源码来学习。 0.简介嗨，又见面了。这么说我们已经开始学习Three.js了，如果你还没有看过之前三篇教程，建议你先读完。如果你已经读完前面的教程了，你可能会想做一些关于粒子的东西。让我们直面这个话题吧，每个人都爱粒子效果。不管...

THREE.JS入门教程（5）你应当知道的十件事

2017年02月06日 20 阅读

Three.js是一个伟大的开源WebGL库，WebGL允许JavaScript操作GPU，在浏览器端实现真正意义的3D。但是目前这项技术还处在发展阶段，资料极为匮乏，爱好者学习基本要通过Demo源码和Three.js本身的源码来学习。 0.简介嗨，这是我的第一篇关于如何写出好的代码的文章。和很多开发者一样，我通过实践学习，但同时我也向其他更有经验的开发者们学习。在过去的几个月中，我在canvas标签上花了很多时间，我想如果把这段时间学到的关于WebGL...

jquery焦点图片切换（数字标注/手动/自动播放/横向滚动）

2017年02月06日 21 阅读

demo01.html 复制代码代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-eq...

Js 回车换行处理的办法及replace方法应用

2017年02月06日 22 阅读

当我们在文本框里输入文字敲下回车后，希望在提交后网页也显示是换行的效果，这时我们需要把提交的内容做下处理才可以达到效果。 1、定义js原生的替换函数。js里没有replaceAll的函数，需要我们自定义复制代码代码如下: String.prototype.replaceAll = function（s1,s2）{ return this.replace（new RegExp（s1,"gm"）,s2）; } 2、使用js的replace进行处理复制...

js鼠标点击事件在各个浏览器中的写法及Event对象属性介绍

2017年02月06日 21 阅读

IE 左键是 window.event.button = 1 右键是 window.event.button = 2 中键是 window.event.button = 4 没有按键动作window.event.button = 0 Firefox 左键是 event.button = 0 右键是 event.button = 2 中键是 event.button = 1 没有按键动作 event.button = 0 Opera 7.23/7.54 鼠标...

js屏蔽鼠标键盘（右键/Ctrl+N/Shift+F10/F11/F5刷新/退格键）

2017年02月06日 20 阅读

复制代码代码如下: <script language="Javascript" type="text/javascript"> //屏蔽鼠标右键、Ctrl+N、Shift+F10、F11、F5刷新、退格键 function document.oncontextmenu（） { event.returnValue = false; } //屏蔽鼠标右键 function window.onhelp（） { return false } //屏蔽...

一个级联菜单代码学习及removeClass与addClass的应用

2017年02月06日 19 阅读

最近在学些web前段的知识，看见博客园首页左侧的一个级联菜单，就想写一个demo.呵呵复制代码代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"&g...

ajax处理php返回json数据的实例代码

2017年02月06日 18 阅读

test.html 复制代码代码如下: <label onclick="javascript:post_data（）;">click </label> function ajax_init（） { var ajax=false; try { ajax = new ActiveXObject（"Msxml2.XMLHTTP"）; } catch （e） { try { ajax = new ActiveXObject（"Micros...

js中页面的重新加载（当前页面/上级页面）及frame或iframe元素引用介绍

2017年02月06日 20 阅读

用JavaScript刷新上级页面和当前页面复制代码代码如下: <script type="text/javascript"> //刷新上级页面 //window.parent.main.document.location.reload（）; //刷新当前页面 document.location.reload（）; </script> 每个frame元素或者iframe元素就是一个框架,这个框架是一个窗口,在这个窗口中加载一个...

js iframe跨域访问（同主域/非同主域）分别深入介绍

2017年02月06日 22 阅读

js跨域是个讨论很多的话题。iframe跨域访问也被研究的很透了。一般分两种情况：一、是同主域下面，不同子域之间的跨域；同主域，不同子域跨域，设置相同的document.domian就可以解决; 父页访问子页，可以document.getElementById（"myframe"）.contentWindow.document来访问iframe页面的内容；如果支持contentDocument也可以直接document.getElementBy...

javascript面向对象包装类Class封装类库剖析

2017年02月06日 21 阅读

javascript是个入门门槛很低的语言，甚至一个从来没有接触过javascript的技术人员，几小时内就可以写出一个简单有用的程序代码。但是如果因此你就下结论：javascript是门简单的语言。那你就大错特错了。想写出高性能的代码，同样需要具备一个高级程序员的基本素养。一个java或者c++程序员，不一定能写出高性能的javascript代码，但更容易写出高性能的javascript代码。 javascript的简单是基于它“胸襟广阔”的包容性。...

jQuery获取Select选择的Text和Value（详细汇总）

2017年02月06日 20 阅读

语法解释：复制代码代码如下: 1. $（"#select_id"）.change（function（）{//code...}）; //为Select添加事件，当选择其中一项时触发 2. var checkText=$（"#select_id"）.find（"option:selected"）.text（）; //获取Select选择的Text 3. var checkValue=$（"#select_id"）.val（）; //获取Select选择的V...

使用JavaScript动态设置样式实现代码及演示动画

2017年02月06日 21 阅读

今天做了一个css的练习，效果有点象Maxthon首页一样。使用onmouseover和onmouseout事件实现不同的效果。如：你可以使用下面javascript。复制代码代码如下: <script type="text/javascript"> function DynamicSetStyle（id, attr, val） { var element = document.getElementById（id）; if （elemen...

首页 / 脚本样式 / JavaScript

javascript游戏开发之《三国志曹操传》零部件开发（四）用地图块拼成大地图

javascript游戏开发之《三国志曹操传》零部件开发（五）可移动地图的实现

jQuery ajax（复习）—Baidu ajax request分离版

（跨浏览器基础事件/浏览器检测/判断浏览器）经验代码分享

THREE.JS入门教程（1）THREE.JS使用前了解

THREE.JS入门教程（2）着色器-上

THREE.JS入门教程（3）着色器-下

THREE.JS入门教程（4）创建粒子系统

THREE.JS入门教程（5）你应当知道的十件事

jquery焦点图片切换（数字标注/手动/自动播放/横向滚动）

Js 回车换行处理的办法及replace方法应用

js鼠标点击事件在各个浏览器中的写法及Event对象属性介绍

js屏蔽鼠标键盘（右键/Ctrl+N/Shift+F10/F11/F5刷新/退格键）

一个级联菜单代码学习及removeClass与addClass的应用

ajax处理php返回json数据的实例代码

js中页面的重新加载（当前页面/上级页面）及frame或iframe元素引用介绍

js iframe跨域访问（同主域/非同主域）分别深入介绍

javascript面向对象包装类Class封装类库剖析

jQuery获取Select选择的Text和Value（详细汇总）

使用JavaScript动态设置样式实现代码及演示动画