自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(152)
  • 问答 (1)
  • 收藏
  • 关注

原创 PIXI 完整示例-PIXI文档翻译(7)

案例研究:寻宝者所以我告诉你,你现在有所有你需要开始制作游戏的技能。什么?你不相信我?让我向你证明吧!让我们接近如何使一个简单的对象集合和敌人回避游戏称为宝藏猎人。(你会找到它的examples 文件夹。)[img]http://dl2.iteye.com/upload/attachment/0123/3482/db55d716-ffd2-3406-89bc-3ec9ecd0c5b...

2017-02-27 10:04:38 1289

原创 PIXI 碰撞检测-PIXI文档翻译(6)

你现在知道如何制作各种各样的图形对象,但你能用他们做什么?一个有趣的事情是构建一个简单的碰撞检测系统。你可以使用一个自定义函数 hitTestRectangle来检查任何两个矩形Pixi sprites是否接触。[code="javascript"]hitTestRectangle(spriteOne, spriteTwo)[/code]如果它们重叠,hitTestRectangl...

2017-02-27 09:59:31 1061

原创 PIXI 基本图形-PIXI文档翻译(6)

1、基本图形使用图像纹理是制作精灵的最有用的方法之一,但Pixi也有自己的低级绘图工具。您可以使用它们来制作矩形,形状,线条,复杂的多边形和文本。并且,幸运的是,它使用与Canvas绘图API几乎相同的API,所以,如果你已经熟悉canvas,这里没有什么真正新的学习。但是最大的优点是,与Canvas绘图API不同,您使用Pixi绘制的形状是由GPU上的WebGL渲染的。Pixi允许您访问所有...

2017-02-26 18:06:46 2908 1

原创 PIXI 分组 Sprite-PIXI文档翻译(5)

1、分组sprite组可以创建游戏场景,并将类似的精灵一起管理为单个单元。Pixi有一个对象称为a Container ,让你这样做。让我们来看看它是如何工作的。想象一下,你想显示三个精灵:猫,刺猬和老虎。创建它们,并设置他们的位置 - 但不要将它们添加到舞台上。[code="javascript"]//The catvar cat = new Sprite(id["c...

2017-02-26 11:55:03 459

PIXI 移动 Sprite-PIXI文档翻译(4)

你现在知道如何显示精灵,但是你怎么让他们移动?这很容易:使用创建循环函数requestAnimationFrame。这被称为游戏循环。你放在游戏循环中的任何代码将每秒更新60次。这里有一些代码,你可以写使catsprite以每帧1像素的速率移动。[code="java"]function gameLoop() { //Loop this function at 60 fram...

2017-02-26 11:38:43 561

原创 PIXI 创建 Sprite的几种方法-PIXI文档翻译(3)

[b]1、通过spritesheets图创建sprite[/b]你现在知道如何从单个图像文件制作精灵。但是,作为游戏设计师,你通常会使用tilesets(也称为spritesheets)来制作 sprite。Pixi有一些方便的内置方法来帮助你做到这一点。tileset是包含子图像的单个图像文件。子图像表示您要在游戏中使用的所有图形。这里是一个包含游戏角色和游戏对象作为子图像的tilese...

2017-02-26 11:25:45 2901

原创 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 3832

原创 PIXI入门-PIXI文档翻译(1)

[b]1、创建渲染器和舞台[/b]第一步是创建一个矩形显示区域,您可以开始在其上显示图像。Pixi有一个 renderer对象为你创建这个。它自动生成一个HTML 元素,并计算如何在画布上显示您的图像。然后需要创建一个特殊的Pixi Container对象称为stage。正如你将看到的,这个阶段对象将被用作根容器,包含你想要Pixi显示的所有东西。这里是你需要写的代码来创建render...

2017-02-25 09:47:47 3004

原创 JDK7安装

ppa源安装jdk7的下载链接已经被删除所以自己安装JDK7http://www.oracle.com/technetwork/java/javase/archive-139210.html点击链接"Java SE 7"需要登录oracle的账户(注册也非常的方便)下载 jdk-7u80-linux-x64.tar.gz登录ubuntu服务器...

2017-02-13 16:43:44 110

原创 记录扫描嗅探与反扫描嗅探的那些事

批量嗅探1、知道ID为自増如http://www.aa.com/act/index.jsp?id=1&uid=1则可以批量拿到所有的id自増和uid自増的所有的链接,则可以将一个平台的所有页面嗅探出来,并进行有针对性的功能2、加入加密串http://www.aa.com/act/index.jsp?id=1&uid=1&secret=adkrD34ADFdak#若s...

2016-09-10 10:45:30 297

原创 Nginx配置proxy_pass转发的路径问题

在nginx中配置proxy_pass时,如果是按照^~匹配路径时,要注意proxy_pass后的url最后的/,当加上了/,相当于是绝对根路径,则nginx不会把location中匹配的路径部分代理走;如果没有/,则会把匹配的路径部分也给代理走。location ^~ /static_js/ { proxy_cache js_cache; proxy_set_header...

2016-09-09 10:44:10 1412

原创 MySql悲观锁和乐观锁的基础理解

mysql悲观锁和乐观锁的理解1、悲观锁悲观锁顾名思意,全部锁起来如select *from t_order where id=101 or id=102 or id=103 for update通过for update参数,告诉数据库在读取where条件中的数据时将这些数据全部锁住,禁止任何的读取或者更新操作,其余操作进入block等待,直接锁释放优点:是能保证数...

2016-08-12 15:51:19 146

原创 Spring的事务机制

事务原理 原子性 一致性 隔离性 持续性Mysql事务原理Read Uncommitted(读取未提交内容)Read Committed(读取提交内容)Repeatable Read(可重读)Mysql默认Serializable(可串行化)spring提供了对事务更完善的管理,带出事务的传播级别事务传播行为类型说明P...

2016-07-13 15:33:39 84

原创 链接加密防篡改方法

链接加密防篡改方法对所有参数进行排序,然后尾部加入key参数合并,MD5加密,得到sign签名对所有参数进行解密,同时key合并后进行MD5判断是否与sign签名相同,若出现不同,则表示链接已经被篡改,为不合法的链接...

2016-06-22 14:51:34 719

原创 MySql主从配置

今天发现Mysql的主从数据库没有同步 先上Master库: mysql>show processlist; 查看下进程是否Sleep太多。发现很正常。show master status; 也正常。 mysql> show master status;+-------------------+----------+--------------+--------...

2016-06-15 16:18:19 81

原创 spring-data-redis 的优缺点

spring-data-redis是由spring的 cache api 整合 redis 而来,它的命名规则由spring cache 的规则来定义key和对key的管理,进一步弱化redis的API。事实上redis提供的功能已经足够强大,并且可以直接使用,同时支持灵活的分库。spring 的 cache 功能主要由 @Cacheable @CacheEvict @...

2016-02-19 14:13:26 1127

原创 redis缓存

redis监控命令info:http://www.cnblogs.com/kaituorensheng/p/3979298.htmlredis监控的图形化界面:http://www.kankanews.com/ICkengine/archives/87123.shtml指删除redis中的keyhttp://pengbotao.cn/redis-delete-key...

2015-11-06 08:36:35 89

原创 解决 android 微信5.0及后续版本无法打开电话号码的问题

手机Web页面,通过链接支持直接打开电话播号功能非常的受商家的欢迎。但微信5.0版本以后,android 系统下,联系电话标签被微信屏蔽特殊处理,在链接上加入参数,或者添加锚点:1. 加入参数: &wxref=mp.weixin.qq.com2. 加入锚点: #mp.weixin.qq.com...

2013-12-04 14:39:34 229

原创 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 124

原创 生产环境页面性能监控

[size=large][b]嵌入式的开发[/b][/size]在代码片断中嵌入各个时间点,最后统一上报。一个插入式的设计是将各种时间拼接成字符串,上报后在服务器端将其记录下来,分析后将通过报表显示出来。[url=http://42.96.169.98:8080/projdemo/speed/pagespeed.html]示例链接[/url]前端页面关键点:CSS装载时...

2013-04-18 00:46:12 147

原创 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 176

原创 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 859

原创 浏览器缓存机制详解(转)

同时参考的是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 96

原创 页面性能优化

压缩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 82

原创 JavaScript异常监控

JavaScript异常一般可通过try catch捕获,但try catch对于延时执行的代码无法进行捕获,此时只能依靠window.onerror捕获,从中拿到错误信息。同时需要将错误信息进行统一的处理,如记录链接,并将该链接发生的错误进行统计。 try catch 和 window.onerror异常捕获已在另一篇文章说基本讲解,在此讲解捕获异常信息的详细。...

2013-03-27 21:50:50 162

原创 异步I/O处理

[size=large][b]异步I/O处理过程[/b][/size][img]http://dl.iteye.com/upload/attachment/0078/0527/95fe9a76-691b-36ee-931c-fe2b39923430.jpg[/img][b]异步I/O处理的优点[/b] I/O密集型计算(进程所执行的I/O操作比执行的处理操作更多)的任务中,使用异...

2012-12-18 16:28:40 134

原创 NodeJS Cluster文档翻译

[size=large][b]Cluster 集群[/b][/size]一个独立的Node对象运行在单个线程中。为了更好的利用多核心系统的,用户会尝试启动多个Node处理进程,提供更好的服务。(说明:单个线程总是运行在一个核心上面,cluster是为了更好的利用CPU,充分利用多核CPU的资源)你可以使用cluster模块,非常容易的创建共享服务端口的多个网络处理应用程序。(在多个进程...

2012-12-06 16:30:50 136

原创 NodeJS Server 进程自动重启

背景:NodeJS的特点是单进程,事件驱动,非阻塞式IO编程,当主进程抛异常挂掉,整个NodeJS Server就会停止。 对当前的NodeJS进程进行监控非常重要,NodeJS的进程的停止时,能在指定时间内重启动,继续提供服务。  思路:1.起一个守护进程,用于与各子进程(虚拟进程)进行心跳通信,官运亨通护进程监测子进程是否有回应,若三次连接后没有回应,则将该进程进...

2012-12-05 13:01:28 789

原创 NodeJS的调试工具

NodeJS常用调试工具包括两种:1.NodeJS内置命令行调试工具2.chrome浏览器页面调试[size=large][b]NodeJS内置命令行调试[/b][/size][code="js"]var http = require('http');var url = require('url');http.createServer(function (req, res)...

2012-11-23 15:18:47 142

原创 NodeJS的Path对象

NodeJS中的Path对象,用于处理目录的对象,提高开发效率。用NodeJS的Path命令,与使用Linux下的shell脚本命令相似。引入path对象[code="js"]var path = require('path');[/code]比较实用的方法:[b]格式化路径 path.normalize(p)[/b]特点:将不符合规范的路径格式化,简化开发人员中处理...

2012-11-22 14:50:44 79

原创 jQuery中的support对象

jQuery.support是为了替换jQuery.browser而来。browser带着版本号的信息,浏览器有更新(IE10)时,很多以前的判断条件都不生效,所以更改为对特性的支持,以此来区分浏览器的不同。[code="js"](function( jQuery ) { jQuery.support = (function() { var su...

2012-08-29 13:27:33 149

原创 JavaScript正则

[b]正则表达式的常用功能[/b]1、测试字符串的模式2、查找子字符串3、字符串替换[b]正则表达式对象:RegExp[/b]新建正则表达式对象的两种方式:(1).new RegExp(pattern, mode);参数说明:pattern 模式说明,如 “*name”mode包含三个标志符:g(全文查找),i(忽略大小写),m(多行查找)(2) var...

2012-07-14 01:02:59 63

原创 JavaScript 学习笔记

JavaScript基础:[table]|[url=/blog/612440]JavaScript 基础认识[/url]|[url=/blog/437552]JavaScript 对象定义[/url]|[url=/blog/437567]JavaScript 继承[/url]||[url=/blog/438028]JavaScript 事件[/url]|[url=/blog/15925...

2012-07-12 15:49:13 98

原创 JavaSciprt闭包

[size=large][b]1.闭包允许访问存在外部变量的最终值。[/b][/size] 最终值:指在闭包执行时,所能访问到的外部变量的最后的值:[code="js"]var users = [];for (var i = 0; i < 5; i++) {users[i] = {};users[i]['printAge'] = function () {...

2012-07-12 15:48:15 134

原创 JS文档构建(jsdoc)

[size=large][b]一、命令分类[/b][/size]类定义 @class 类型定义 @version 版本信息 @author 作者 @constructor 构造方法 @description 描述 @example 示例 @param[code="js"]/** * @name Tabs ...

2012-06-07 02:08:39 216

原创 浏览器内存泄漏及解决办法

1.iframe内存泄漏将iframe的属性设置为src,并手工将其从DOM树上移除,然后调用CollectGargabe()方法并不能将避免iframe的内在泄漏。 需要清空iframe中的内容:var frame = $('iframe');frame[0].contentWindow.document.write(''); //清空iframe的内容frame[0]....

2012-06-05 01:17:42 531

原创 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 83

原创 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 95

原创 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 120

原创 jQuery插件实例集合

jQuery插件实例集合  1.  jQuery插件实例http://zfms.iteye.com/blog/190968 很佩服作者把这么多的插件搜索起来,必需转到当前的内容里面来,参考学习必备 文件上传表单验证表单-选取框表单基本、输入框、选择框时间、日期、颜色选取投票插件搜索插件编辑器多媒体、视频、Flash等图片Go...

2012-05-30 00:08:51 275

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除