![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS进阶
文章平均质量分 75
iteye_21250
这个作者很懒,什么都没留下…
展开
-
JavaScript常用函数及区别
资料来源:[url=http://bonsaiden.github.com/JavaScript-Garden/zh/]http://bonsaiden.github.com/JavaScript-Garden/zh/[/url][size=large][b]1.hasOwnProperty函数[/b][/size] 为了判断一个对象是否包含自定义属性...原创 2010-08-25 08:50:55 · 95 阅读 · 0 评论 -
生产环境页面性能监控
[size=large][b]嵌入式的开发[/b][/size]在代码片断中嵌入各个时间点,最后统一上报。一个插入式的设计是将各种时间拼接成字符串,上报后在服务器端将其记录下来,分析后将通过报表显示出来。[url=http://42.96.169.98:8080/projdemo/speed/pagespeed.html]示例链接[/url]前端页面关键点:CSS装载时...原创 2013-04-18 00:46:12 · 152 阅读 · 0 评论 -
HTML5 geolocation 规范翻译
[size=large][b]摘要[/b][/size]规范定义了脚本方式访问主机地理位置信息的API。[size=large][b]安全和隐私[/b][/size]因为地理位置信息涉及到个人隐私问题,所以API规范的者,为保护用户隐藏,应提供一种机制,由用户确认地理位置信息是否可通过此API访问。[size=large][b]API描述[/b][/size]scrip...原创 2013-04-22 13:32:06 · 136 阅读 · 0 评论 -
PIXI入门-PIXI文档翻译(1)
[b]1、创建渲染器和舞台[/b]第一步是创建一个矩形显示区域,您可以开始在其上显示图像。Pixi有一个 renderer对象为你创建这个。它自动生成一个HTML 元素,并计算如何在画布上显示您的图像。然后需要创建一个特殊的Pixi Container对象称为stage。正如你将看到的,这个阶段对象将被用作根容器,包含你想要Pixi显示的所有东西。这里是你需要写的代码来创建render...原创 2017-02-25 09:47:47 · 3066 阅读 · 0 评论 -
PIXI Sprite的定位,尺寸和旋转-PIXI文档翻译(2)
[b]1、定位Sprite[/b]现在你知道如何创建和显示精灵,让我们了解如何定位和调整它们的大小。在前面的例子中,猫精灵添加到舞台的左上角。该猫的x位置为0,y位置为0.您可以通过更改其值x和y属性的值来更改猫的位置。这里是如何通过将猫x和y属性值设置为96,使猫在舞台中央。[code="javascript"]cat.x = 96;cat.y = 96;[/...原创 2017-02-26 00:14:48 · 3876 阅读 · 0 评论 -
PIXI 创建 Sprite的几种方法-PIXI文档翻译(3)
[b]1、通过spritesheets图创建sprite[/b]你现在知道如何从单个图像文件制作精灵。但是,作为游戏设计师,你通常会使用tilesets(也称为spritesheets)来制作 sprite。Pixi有一些方便的内置方法来帮助你做到这一点。tileset是包含子图像的单个图像文件。子图像表示您要在游戏中使用的所有图形。这里是一个包含游戏角色和游戏对象作为子图像的tilese...原创 2017-02-26 11:25:45 · 2939 阅读 · 0 评论 -
PIXI 移动 Sprite-PIXI文档翻译(4)
你现在知道如何显示精灵,但是你怎么让他们移动?这很容易:使用创建循环函数requestAnimationFrame。这被称为游戏循环。你放在游戏循环中的任何代码将每秒更新60次。这里有一些代码,你可以写使catsprite以每帧1像素的速率移动。[code="java"]function gameLoop() { //Loop this function at 60 fram...2017-02-26 11:38:43 · 582 阅读 · 0 评论 -
PIXI 分组 Sprite-PIXI文档翻译(5)
1、分组sprite组可以创建游戏场景,并将类似的精灵一起管理为单个单元。Pixi有一个对象称为a Container ,让你这样做。让我们来看看它是如何工作的。想象一下,你想显示三个精灵:猫,刺猬和老虎。创建它们,并设置他们的位置 - 但不要将它们添加到舞台上。[code="javascript"]//The catvar cat = new Sprite(id["c...原创 2017-02-26 11:55:03 · 486 阅读 · 0 评论 -
PIXI 基本图形-PIXI文档翻译(6)
1、基本图形使用图像纹理是制作精灵的最有用的方法之一,但Pixi也有自己的低级绘图工具。您可以使用它们来制作矩形,形状,线条,复杂的多边形和文本。并且,幸运的是,它使用与Canvas绘图API几乎相同的API,所以,如果你已经熟悉canvas,这里没有什么真正新的学习。但是最大的优点是,与Canvas绘图API不同,您使用Pixi绘制的形状是由GPU上的WebGL渲染的。Pixi允许您访问所有...原创 2017-02-26 18:06:46 · 2945 阅读 · 1 评论 -
PIXI 碰撞检测-PIXI文档翻译(6)
你现在知道如何制作各种各样的图形对象,但你能用他们做什么?一个有趣的事情是构建一个简单的碰撞检测系统。你可以使用一个自定义函数 hitTestRectangle来检查任何两个矩形Pixi sprites是否接触。[code="javascript"]hitTestRectangle(spriteOne, spriteTwo)[/code]如果它们重叠,hitTestRectangl...原创 2017-02-27 09:59:31 · 1095 阅读 · 0 评论 -
XSS攻击原理解析
[size=large][b]XSS全称Cross Site Script,跨站脚本攻击[/b][/size]它指的是恶意攻击者往Web页面里插入恶意html代码,当用户浏览该页之时,嵌入其中Web里面的html代码会被执行,从而达到恶意用户的特殊目的。[size=large][b]主要途径[/b][/size] 1、对普通的用户输入,页面原样内容输出,(用户的输入包括coo...原创 2013-04-16 23:49:14 · 196 阅读 · 0 评论 -
CRSF攻击原理解析
CRSF全称 Cross Site Request Forgery,跨站请求伪造。通俗理解:攻击者盗用当前用户身份,发请当前用户的恶意请求:如邮件,银行转账等。[size=large][b]CRSF原理[/b][/size][img]http://dl.iteye.com/upload/attachment/0083/2540/56522834-5e30-3599-8911-4be...原创 2013-04-16 23:02:08 · 911 阅读 · 0 评论 -
浏览器缓存机制详解(转)
同时参考的是W3C RFC2616规范中的[url=http://www.w3.org/Protocols/rfc2616/rfc2616-sec14.html#sec14.9]HTTP1.1/HEADER说明[/url][url=http://www.cnblogs.com/cocowool/archive/2011/08/22/2149929.html]利用 HTTP Cache来优化...原创 2013-03-27 21:59:40 · 104 阅读 · 0 评论 -
JavaScript字符串拼接性能
JavaScript字符串拼接方法:1. +号: var result = “hello” + ” ” + “world”;2. 数组join方法:var arr = ["hello", " ", "world"]; arr.join(“”);示例代码:[code="html"] function main() { ...原创 2011-12-08 00:37:41 · 140 阅读 · 0 评论 -
跨域访问
JavaScript跨域访问有多种方式:p3p跨域写cookie通过jsonp的方式跨域调用跨域post表单 Ajax跨域实现 [size=large][b]1.p3p跨域写cookie[/b][/size]先看hosts配置:[code="html"]127.0.0.1 dev.operamasks.org127.0.0.1 plus.operamask....原创 2012-01-10 00:12:08 · 194 阅读 · 0 评论 -
IE6下的Aborted解决办法
造成IE6报Aborted的情况有很多,本文着重解析标签中添加onclick事件时导致的Aborted情况。[code="js"]test[/code] 关于javascript:void(0)与return false;已经有很多高手对其进行过分析: [url=http://blog.minidx.com/2007/10/29/29.h...原创 2011-12-07 00:55:09 · 174 阅读 · 0 评论 -
HTML5 localStorage
1.localStorage的操作APIsetItem(key, value)getItem(key)lengthkey(i),相当于for (var key in params){ /* do something */}中的key一样,获取存储于localStorage中的key列表,有时候用于遍历 不过localStorage只能存储字符串 ,连基本对象都无法存储,...原创 2012-05-31 00:18:12 · 132 阅读 · 0 评论 -
HTML5 WebSocket
1.WebSocket的优缺点大并发时传输量的减少,网络负载对比图片来自:http://www.ibm.com/developerworks/cn/web/1112_huangxa_websocket/ 时延减半:图片来自:http://kb.cnblogs.com/page/58908/ 缺点是现在规范的支持还不是很完善,浏览器的支持也非常的有限,并且需要服...原创 2012-06-02 11:12:01 · 102 阅读 · 0 评论 -
HTML5 Forms
[size=large][b]表单元素类型[/b][/size]常用:tel, email, date, url, search, range, datetime[color=olive][b]Chrome26.0浏览器下测试[/b][/color]email: 只做最基本的校验 *@*.*url: 链接类型的判断 *:*(居然只做冒号的校验,输入a:a可正常提交date:...原创 2012-06-03 22:16:57 · 93 阅读 · 0 评论 -
JS文档构建(jsdoc)
[size=large][b]一、命令分类[/b][/size]类定义 @class 类型定义 @version 版本信息 @author 作者 @constructor 构造方法 @description 描述 @example 示例 @param[code="js"]/** * @name Tabs ...原创 2012-06-07 02:08:39 · 239 阅读 · 0 评论 -
JavaScript异常监控
JavaScript异常一般可通过try catch捕获,但try catch对于延时执行的代码无法进行捕获,此时只能依靠window.onerror捕获,从中拿到错误信息。同时需要将错误信息进行统一的处理,如记录链接,并将该链接发生的错误进行统计。 try catch 和 window.onerror异常捕获已在另一篇文章说基本讲解,在此讲解捕获异常信息的详细。...原创 2013-03-27 21:50:50 · 183 阅读 · 0 评论 -
页面性能优化
压缩JS,CSS,图片合并图片使用gzip减少请求数缓存CSS放顶部,JS放底部减少cookie使用CDN尽量少使用iframe[size=large][b]压缩JS,CSS[/b][/size] [url=http://yui.github.com/yuicompressor/]YUICompressor[/url] 使用[url=htt...原创 2013-03-27 21:56:32 · 93 阅读 · 0 评论 -
PIXI 完整示例-PIXI文档翻译(7)
案例研究:寻宝者所以我告诉你,你现在有所有你需要开始制作游戏的技能。什么?你不相信我?让我向你证明吧!让我们接近如何使一个简单的对象集合和敌人回避游戏称为宝藏猎人。(你会找到它的examples 文件夹。)[img]http://dl2.iteye.com/upload/attachment/0123/3482/db55d716-ffd2-3406-89bc-3ec9ecd0c5b...原创 2017-02-27 10:04:38 · 1313 阅读 · 0 评论