标签:方式 ddl 监听 web页面 网络游戏 引用 soc 游戏 结束
1.WebSocket是HTML5标准的一部分,Web页面可以用它来持久连接到socket服务器上。该接口提供了与服务器之间的事件驱动型连接,这意味着客户端不必再每隔一个时间段就需要向服务器发送一次新的数据请求。当有数据需要更新时,服务器就可以直接推送数据更新给浏览器。该功能的好处之一就是玩家之间可以实时进行交互。当一个玩家做了些事,就会向服务器发送数据,服务器将广播一个事件给其他已连接的所有浏览器,让它们知道玩家做了什么。这样就使得制作HTML5网络游戏成为可能。
2.随着现代浏览器对HTML5元素的原生支持,将不再需要用户预装第三方插件就可以玩游戏了。
3.我们把JavaScript代码放置在body结束标签之前且在页面所有内容之后。下面介绍把代码放在这个位置,而不是以前的两个标签之间的原因。
4.通常,浏览器是自上而下加载和渲染内容的。如果JavaScript代码放置在head部分里,会导致JavaScript代码已加载完,而文档内容可能还没有加载完的情况出现。事实上,如果浏览器在页面中间加载JavaScript代码,就会中断正在进行的渲染和加载。这就是尽可能把JavaScript代码放到页面底部的原因。通过这种方式,可以提升加载内容的性能。
5.jQuery为我们提供了在页面加载完成后才执行代码的方法,如下:
jQuery(document).ready(function ()
{
//这里是代码
});
$(function ()
{
//这里是代码
});
6.使用jQuery比单纯使用JavaScript有如下几个优势:
使用jQuery可以用更短的代码来选择DOM节点并对其进行修改。
短代码更有利于代码的,这对游戏开发至关重要,因为游戏开发往往包含大量的代码。
使用jQuery库可以让代码无须做额外的调整就可以支持所有主流浏览器;jQuery对纯Script代码进行包装以达到自身实现跨浏览器的能力。
7.给键盘上的每一个按键都分配了一个数字,通过获取数字,我们可以找到是哪个键被按下。通过监听jQuery的keydown事件监听器,在事件触发时event对象会包含按键代码(key code)。可以通过调用按键event对象的which函数来获得按键代码。
$(document).keydown(function (e)
{
console.log(e.which);
switch(e.which)
{
case 38: //按下向上键的处理
}
});
8.在大多数情况下,可以通过像100px这样的格式给DOM元素left和top属性设置样式。在设置属性时指定单位,而在获取属性值时,返回的也会是带单位的值。比如,当调用$("#paddleA").css("top")时,所得到的值是100px而不是100.这样在对这个值执行数学运算时就会遇到问题。
$("#paddleA").css("top") + 5,返回的将是100px5,而不是我们想要的结果。
9.parseInt(string, radix)需要解析的字符串;可选参数,用一个数字来指示需要使用什么进制的系统。
parse ( "5cm" )返回5; parse ( "FF" , 16 )返回255
10.由于全局变量在整个文档都有效,因此在集成了不同的库到Web页面中时会增加变量名冲突的概率。更好的做法是,将使用的全局变量放入一个对象中。
11.在介绍背面可见性前,页面上的所有元素应该只呈现它们的前面。以前,元素没有正面或背面的概念,因为它只有一个选择。现在,当CSS3引入三轴旋转概念后,可以对元素进行3D旋转,这样它就有了背面。
12.CSS3引用了一个叫backface-visibility(背面可见性)的属性,用于定义是否能看到元素的背面。默认情况下,它是可见的。
标签:方式 ddl 监听 web页面 网络游戏 引用 soc 游戏 结束
原文地址:http://www.cnblogs.com/lyld/p/6844600.html