Welcome 微信登录

首页 / 脚本样式 / JavaScript

JavaScript游戏之优化篇

JavaScript游戏之优化篇

1。善用DocumentFragment 之前有个打飞机的游戏。我是用如下方法添加子弹 复制代码 代码如下: for(var i=0;i<5;i++){ var bullet = new Bullet(); document.body.appendChild(bullet); } 问题就来了,我的目的是希望同时能出现5颗子弹,所以我循环将5个子弹对象添加到body,这样会导致一个结果:浏览器reflow了5次。 但其实可以找一个载体,来先把这5个子...
JavaScript游戏之是男人就下100层代码打包

JavaScript游戏之是男人就下100层代码打包

这次的游戏的编写难度比之前的都高很多。本次鄙人用了js的继承以及设计模式的工厂模式,也算是一个突破。。。游戏的大致设计思路:1,玩家类Player:一个人能左右移动,以及上下移动的小人。拥有的基本方法:{左右移动 : 单纯的键盘左右移动,向下移动 : 属于向下加速度移动,每次移动都会加一个重力加速度的值,向上移动 : 其实是跟着方块一起向上移动, 匀速向上运动,弹跳 : 就是玩家先向上一个减速度运动,然后,当速度小于1时,像下加速度运动}2,方块基类Blo...
一个javascript图片阅览组件

一个javascript图片阅览组件

就是图片切换的效果是可自定义的,通过这个组件,我们可以自定义出很多效果,不过这个东西还不算最终完成,现在搞出来先让大家试试 复制代码 代码如下: var pola=new PhotoLook("contain");//建立PhotoLook对象 这就是实例化这个组件的语句,cantain是你指定div的ID,这个是使用组件的人自己定义的 复制代码 代码如下: /*PhotoLook大小的设置*/ pola.width=240; pola.height=3...
JS图片浏览组件PhotoLook的公开属性方法介绍和进阶实例代码

JS图片浏览组件PhotoLook的公开属性方法介绍和进阶实例代码

属性 speed :设置图片切换的速度 width:组件的宽度 height:组件的高度 cellStructures:可设置效果矩阵的行列例如{row:8,col:8}注意,这个行列要和效果矩阵switchTable的行列对应 方法 init():初始化 addswitchTable(switchTable):添加效果矩阵 add(url):添加图片 addswitchMethod(func,type):添加切换方法(例如淡出,滑出),现在功能未完整,t...
关于JavaScript定义类和对象的几种方式

关于JavaScript定义类和对象的几种方式

可以看看这个例子: 复制代码 代码如下: var a = "global"; (function () { alert(a); var a = "local"; })(); 大家第一眼看到这个例子觉得输出结果是什么?‘global"?还是‘local"?其实都不是,输出的是undefined,不用迷惑,我的题外话就是为了讲这个东西的。 其实很简单,看一看JavaScript运行机制就会明白。我们可以把这种现象看做“预声明”。但是如果稍微深究一下,会明...
JavaScript高级程序设计 扩展--关于动态原型

JavaScript高级程序设计 扩展--关于动态原型

但是作者Nicholas C. Zakas在【动态原型】方式创建对象的时候没有深究可能会存在的问题和解决方案。而仅仅在继承的时候对【动态原型】的瓶颈作了说明。即在作子类继承的时候,不能通过动态原型的方式来实现。 原文大致如下: 继承机制不能采用动态化的原因是:prototype对象的唯一性。实例代码: 复制代码 代码如下: function A (i) { this.a = i; if (typeof A._init == "undefined") {...
浅谈Javascript嵌套函数及闭包

浅谈Javascript嵌套函数及闭包

【嵌套函数】 JavaScript允许嵌入的函数,允许函数用作数据,并且在函数词法作用域下面,可以产生与传统面向对象语言不同的惊人地方。 首先,JavaScript的函数是通过词法来划分作用域的,而不是动态的划分作用域的,于是,函数的是在定义它们的作用域中运行,而不是在执行它们的作用域中运行,所以,当嵌套函数和它的外围函数定义在同一个词法作用域中的时候,是很容易理解的。比如下面很平淡无奇的代码: 复制代码 代码如下: var x = "global...
网易JS面试题与Javascript词法作用域说明

网易JS面试题与Javascript词法作用域说明

调用对象位于作用域链的前端,局部变量(在函数内部用var声明的变量)、函数参数及Arguments对象都在函数内的作用域中——这意味着它们隐藏了作用域链更上层的任何同名的属性。 2010年9月14日,我去参加网易网页工程师招聘会,应聘JS工程师职位。有幸参加笔试,然后有幸栽在笔试,呵呵。废话少说,抓出音响极深的一题重新研究研究。 题目大概是:写出如下代码的输出结果并进行分析 复制代码 代码如下: var tt = "aa"; function test()...
关于firefox的ElementTraversal 接口 使用说明

关于firefox的ElementTraversal 接口 使用说明

firstElementChild 访问一元素的这个属性必须将该nodeType 1 元素第一子节点引用返回为 Element 对象。如果该被访问元素属性没有任何子节点,或者如果所有这些子节点都不是元素节点, 那么该属性必须返回 null。 lastElementChild 访问一元素的这个属性必须将该nodeType 1 元素最后子节点引用返回为 Element 对象。如果该被访问元素属性没有任何子节点,或者如果所有这些子节点都不是元素节点, 那么该属性...
<< 461 462 463 464 465 466 467 468 469 470 >>