自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(40)
  • 收藏
  • 关注

转载 Git常用命令

Git 是用于Linux 内核开发的版本控制工具。与常用的版本控制工具 CVS, Subversion 等不同,它采用了分布式版本库的方式,不必服务器端软件支持,使源代码的发布和交流极其方便。 Git 的速度很快,这对于诸如 Linux kernel 这样的大项目来说自然很重要。 Git 最为出色的是它的合并跟踪(merge tracing)能力。1、初始化:$ git ...

2014-01-01 14:58:00 137

转载 Markdown语法

大标题 =================================== 1、大标题一般显示工程名,类似html的\<h1\><br /> 2、你只要在标题下面跟上=====即可<br /> 3、"\<br />"为换行符中标题-----------------------------------1、中标题一般显示重点项,类...

2014-01-01 14:50:00 136

转载 Lua开发环境搭建(Mac)

1、下载最新版的Lua,点击下载2、下载完成后,解压压缩包,打开终端,cd进入Lua解压目录下3、 在终端输入“make macosx”,编译lua 4、编译完成后,在终端输入”make test”,进行测试5、在终端输入“sudo make install”进行安装,会要求输入password,输入你的密码,然后回车进行安装。6、安装完成后,...

2013-11-17 09:07:00 172

转载 [转]JavaScript作用域安全构造函数

构造函数其实就是一个使用new操作符调用的函数。当使用new调用时,构造函数内用到的this对象会对指向新创建的对象实例,如下的例子所示:function Person(name, age, job){ this.name = name; this.age = age; this.job = job;}v...

2013-11-06 00:36:00 118

转载 谈谈Javascript线程

其实,大家都知道Javascript的语言执行环境是单线程的,浏览器无论在什么时候都有且只有一个线程在运行Javascript程序。那Ajax发送异步请求怎么解释,setTimeout/setInterval定时执行回调函数又是怎么解释呢? 要说解释清楚这些问题,还得从浏览器内核处理定时器(setTimeout、setInterval)和响应浏览器事件说起...

2013-11-03 10:33:00 92

转载 [转]HTML5 classList API

Having thrust myself into the world of JavaScript and JavaScript Libraries, I've often wondered:When are browser vendors going to see the helper methods/libraries created by the JavaScript too...

2013-11-02 12:03:00 93

转载 高质量CSS编写规范

①id和class的命名在保持语义性的同时尽可能的短.不推荐的写法:#navigation {} .atr {}推荐的写法: #nav {} .author {}可以缩写单词,但缩写后务必能让人明白其含义。比如author缩写成atr就非常费解。②属性书写顺序,首先定义显示属性推荐的写法:.selector{float:left;width:300px;height:20...

2013-11-02 11:19:00 76

转载 CSS Hack

说到浏览器兼容性问题,就必须说CSS Hack! 在CSS中,Hack是指一种兼容CSS在不同浏览器中正确显示的技巧方法。说的更直白一些就是,你平时做个页面,布局正确,CSS正确,可就是在不同的浏览器中显示的效果不一样,要么错位,要么多几个像素,怎么都找不到原因,这时候我们就会用一些技巧方法来让不同的浏览器显示一样的效果,这种方法我们就称之为CSS H...

2013-11-02 11:18:00 89

转载 谈谈JSON数据格式

JSON 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式。 本文主要是对JS操作JSON的要领做下总结。 在JSON中,有两种结构:对象和数组。 一个对象以"{"(左括号)开始,"}"(右括号)结束。每个"名称"后跟一个":"(冒号);"'名称/值’'对"之间运用 “,”(逗号...

2013-11-02 10:59:00 112

转载 Eclipse启动时报需要安装"Java SE 6 Runtime"致无法启动解决方案

今天心血来潮,把MBP升级到了osx mavericks,然后启动了闲置好久的eclipse,启动时居然报错了:若要打开Eclipse.app,您需要Java SE 6 runtime,您想现在安装一个吗?选择"安装",居然又提示"软件无法下载",看来系统升级后,eclipse是无法启动了。从网上查了一些资料,貌似 Mac升级到10.8.2以后,系统原本自带安装的JD...

2013-10-25 23:57:00 193

转载 PureMVC(JS版)源码解析:总结

PureMVC源码中设计到的11个类已经全部解析完了,回首想想,花了一周的时间做的这点事情还是挺值得的,自己的文字组织表达能力和对pureMVC的理解也在写博客的过程中得到了些提升。我也是第一次写系列博客,有很多疏漏之处,希望各位批准指正,也希望大家多相互交流。 为了大家方便索引,对PureMVC系列文章按照理解先后顺序做了个索引: 1、认识PureMVC...

2013-10-14 20:07:00 223

转载 PureMVC(JS版)源码解析(十二):Facade类

MVC设计模式的核心元素在PureMVC中体现为Model类、View类和Controller类。为了简化程序开发,PureMVC应用Facade模式。 Facade是Model\View\Controller三者的"经纪人"。实际编写代码时你并不用导入这三者的类文件,也不用直接使用它们。Facade类已经在构造方法中包含了对核心MVC三者单例的构造。也就是说Facade类...

2013-10-14 19:43:00 145

转载 PureMVC(JS版)源码解析(十一):Model类

这篇博文讲PureMVC三个核心类——Model类。Model类的构造函数及工厂函数【即getInstance()方法】和View类、Controller类是一样的,这里就不重复讲解了,只不过它把mediatorMap或commandMap变成了proxyMap。 Model类保存了所有Proxy的引用,Proxy只能发送消息,不能接受消息,所以Model类的...

2013-10-14 19:25:00 91

转载 PureMVC(JS版)源码解析(十):Controller类

这篇博客我们继续讲解PureMVC的三大核心类(View/Controller/Model)——Controller类。根据PureMVC模块设计,Controller类保存所有的Command映射,它的构造函数和工厂函数与View类的很相似:function Controller(key){ if(Controller.instanceMap[key...

2013-10-14 19:16:00 130

转载 PureMVC(JS版)源码解析(九):View类

在讲解View类之前,我们先回顾一下PureMVC的模块划分: 在PureMVC中M、V、C三部分由三个单例类管理,分别是Model/View/Controller。PureMVC中另外一个单例类——Facade。Facade提供了与MVC三个单例类(核心类)通信的唯一接口。这4个单例类构建了PureMVC的骨架。 在游戏开发中,一个游戏是由多个模块...

2013-10-11 09:26:00 168

转载 PureMVC(JS版)源码解析(八):Proxy类

前面,我们讲了与视图相关联的Mediator类,接下来我们讲讲与数据相关联的Proxy类。关于Proxy类的作用,在Proxy类源码中,有这么一段注释: * In PureMVC, Proxy classes are used to manage parts of the application's data * model. 翻译成中文就是,在PureM...

2013-10-10 00:53:00 131

转载 PureMVC(JS版)源码解析(七):Mediator类

之前的博文中,我们分析了SimpleCommand类和MacroCommand类,这两个类用作"业务逻辑(business logic)"处理,今天,我们讲一些和UI界面相关联的Mediator类。 我们知道在游戏中有各式各样的UI界面,我们可以把一个UI界面当做一个视图组件(View Component)。一个完整的游戏就是由许多视图组件组成的。我们通过UI界面进行...

2013-10-09 18:00:00 120

转载 PureMVC(JS版)源码解析(六):MacroCommand类

上一篇博客,我们讲解了SimpleCommand类,接下来我们看一下与SimpleCommand类很相似的MacroCommand类。 MacroCommand类和SimpleCommand类一样,都继承Notifier类(通知者),都可以发送消息。/* subclass Notifier */MacroCommand.prototype= new Notifier;...

2013-10-07 21:45:00 202

转载 PureMVC(JS版)源码解析(五):SimpleCommand类

之前我们对PureMVC中涉及到观察者模式的三个基本类(Notification/Observer/Notifier)进行了分析,接下来将对PureMVC源码中的其他类进行分析,首先我们讲解SimpleCommand类。 SimpleCommand在MVC类中属于C部分,用于一些复杂的逻辑处理,SimpleCommand类在PureMVC被设计成了一个双面角色...

2013-10-07 17:29:00 177

转载 PureMVC(JS版)源码解析(四):Notifier类

上一篇博客中,我们解析了Observer(观察者)类,这一篇博客我们来讲Notifier(通知着)类。关于Notifier类,源码注释上有这么一段: * @class puremvc.Notifier * A Base Notifier implementation. * {@link puremvc.MacroCommand MacroCommand}, ...

2013-10-07 10:40:00 164

转载 PureMVC(JS版)源码解析(三):Observer类

上一篇博客中,我们讲到了Notification类(消息类),Notification(消息)是连接观察者(observer)和通知者(notifier)之间的桥梁。这一篇博客,主要是在代码层面上讲一下observer类。 通过源码,我们可以看出Observer类有两个属性,分别是notify和context,notify是函数类型,context是obje...

2013-10-06 14:00:00 139

转载 PureMVC(JS版)源码解析(二):Notification类

上篇博客,我们已经就PureMVC的设计模式进行的分析,这篇博文主要分析Notification(消息)类的实现。 通过Notification的构造函数可以看出,PureMVC中的Notification(消息)含有三个属性,消息名,消息体(传递数据),消息类类型。 其构造函数如下:function Notification(name,...

2013-10-04 22:52:00 83

转载 PureMVC(JS版)源码解析(一):观察者模式解析

假设一种情景,在程序开发中,我们需要在某些数据变化时,其他的类做出相应,例如在游戏中,升级一件装备,会触发玩家金币数量改变,背包数据改变和冷却队列数据改变等等。我们不可能设置setInterval,每隔一段时间就去检测数据有没有发生变化,那样效率很低。我们更希望那些具有变化属性的类能够将自己数据变化这一消息自动推送给希望检测这些变化的其他类。这个时候,”观察者模式“出现了,...

2013-10-04 22:41:00 247

转载 Cocos2d-x游戏开发中的消息机制:CCNotificationCenter的使用

在HTML5游戏开发中,js可以使用Event对象的addEventListener(添加事件监听)、dispatchEvent(触发事件)实现监听机制,如果在coocos2d-x中,去实现这种机制该怎么办?根据之前PureMVC(JS版)的经验,其中经典的观察者模式可以让我们引用到cocos2d-x中。我们可以尝试着把PureMVC(C++版)中的Notification(...

2013-09-30 22:57:00 140

转载 基于HTML5的SLG游戏开发( 三):认识PureMVC

在游戏开发中,对于一般网络游戏,由于需要多人协同开发,每个人负责不同的模块开发,为了减少耦合,需要用来一些MVC框架,减少模块之间的耦合。我们现在使用的mvc框架是pureMVC。pureMVC的官网:http://www.puremvc.orgpureMVC的Git地址:https://github.com/PureMVC/puremvc-js-multicore-framewo...

2013-09-30 21:46:00 178

转载 基于HTML5的SLG游戏开发( 二):创建HTML5页面

HTML5游戏的开发过程中是在浏览器上进行运行调试的,所以首先我们需要建立一个html页面。 其中,我们把所有的canvas都放到一个viewporter(视图)里面,因此,在body中放置了一个id为viewporter的div中。具体代码如下:①index_src.html页面<!DOCTYPE html><html>&...

2013-09-30 16:27:00 179

转载 基于HTML5的SLG游戏开发(一):搭建开发环境(2)

游戏开发过程中经常需要处理各种事件,而HTML5游戏开发中,所有的场景和UI面板都是绘制在Canvas上面,假设需要对某一UI面板上的关闭按钮添加事件监听,采取的方法是对关闭按钮图片资源进行像素处理。如果只是在浏览器中打开本地图片资源文件,由于浏览器安全策略限制(跨域)无法实现对图片的像素处理(getImageData),所以我们需要一个web容器来运行我们的HTML5游戏...

2013-09-29 11:15:00 294

转载 基于HTML5的SLG游戏开发(一):搭建开发环境(1)

开发环境:1、操作系统:MacOS 10.8.52、本地web服务器:Apache 2.2.24 (Window环境推荐使用WampServer)3、编码工具:WebStrom 7.04、调试工具:chrome自带5、游戏引擎:x-canvas一、新建项目:1、下载安装WebStrom(webstrom 是收费工具,网上有注册码生成工具,如果需要可留邮箱)...

2013-09-28 14:08:00 357

转载 基于HTML5的SLG游戏开发(序)

2012年前后,HTML5游戏凭借跨平台、易移植、部署简单、节省成本等优点被炒的火热,经过一两年的快速发展,市场出现了一些成功地HTML5游戏产品,像磊友的《修仙三国》,神奇时代的《三国时代OL》,UC的《松鼠大战》等等,这些成功的商业化HTML5游戏产品让广大HTML5技术爱好者看到了希望。但由于HTML5自身的性能瓶颈,市场上HTML5游戏所在市场比例尚少。为了加速HTM...

2013-09-28 13:26:00 482

转载 Data类型的Url

所谓"data"类型的Url格式,是在RFC2397中 提出的,目的对于一些“小”的数据,可以在网页中直接嵌入,而不是从外部文件载入。 data格式的Url最直接的好处是,这些Url原本会引起一个新的网络访问,因为那里是一个网页的地址,现在不会有新的网络访问了,因为现在这里是网页的内容。这样做,会减少服务器的负载,当然同时也增加了当前网页的大小。所以对“小”数据...

2013-02-28 21:19:00 355

转载 Javascript面向对象编程(一):对象的产生

Javascript是一种基于对象(Object-Based)的编程语言,常说在javascript中一切都是对象,那么对象究竟是怎么产生的呢? (一)原始模式 首先说一下我们常见的对象——Object实例。创建Object实例方式有很多,第一种是使用new操作符后跟Object构造函数:var person=new Object();...

2012-12-05 23:15:00 98

转载 一道基础例题的思考

今天在网上查看Javascript面向对象编程相关文章时,看到了一个让我下意识判断错误的例题,虽然原理很简单,但还是记录下来,供日后工作和广大Javascript学习者查询。<script type="text/javascript">function A(){ this.a="a";}A.prototype.b="b";A.protot...

2012-12-05 12:31:00 94

转载 Javascript新特性:数组的扩展

在ECMAScript5中,为Array对象引入了一些新方法,下面简单列出:项的定位:indexOf()/lastIndexOf():<script type="text/javascript">var arr=[1,2,3,4,5,6,5,4,3,2,1];console.log(arr.indexOf(2));console.log(arr.las...

2012-12-03 12:00:00 61

转载 Javascript中in操作符

在Javascript有两种方式使用in操作符:单独使用和在for-in循环中使用。在单独使用时,in操作符会在通过对象能够访问给定属性时返回true,无论该属性存在于实例中还是原型中。实例一:检查属性是在原型中还是在对象中function Person(){}Person.prototype.name="Nicholas";var person1=new Perso...

2012-12-02 22:57:00 115

转载 Javascript垃圾回收机制

Javascript具有自动垃圾收集机制(GC:Garbage Collection)。这种垃圾收集机制的原理很简单:找出那些不再继续使用的变量,然后释放其占用的内存。垃圾收集器会按照固定的时间间隔,周期性的执行这一操作。 javascript中最常用的垃圾收集方式是标记清除(mark-and-sweep)。当变量进入环境时,就将这个变量标记为“进入环境”,而当...

2012-12-01 23:42:00 87

转载 打印页面指定区域的js源码

在做湖北大学校园网主页时,在本周会议栏目中有个打印的功能,主要是通过在网页中标记一个打印起始marker和一个结束marker实现的,利用字符串方法截取这两个marker之间的字符,最后通过window.print()方法实现打印功能的!贴上代码:<script type="text/javascript">function printhytz()...

2012-11-29 12:20:00 88

转载 如何实现一个DIV垂直居中

实现一个DIV垂直居中是前端面试中常见的考题,可以用css实现,当然也可以用js实现,下面贴出如何用css实现并解释其中原理。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">...

2012-11-29 12:09:00 138

转载 【分享】Web前端开发规范文档

规范目的为提高团队协作效率,便于后台人员添加功能及前端后期优化维护,输出高质量的文档,特制订此文档.本规范文档一经确认,前端开发人员必须按本文档规范进行前台页面开发.本文档如有不对或者不合适的地方请及时提出,经讨论决定后方可更改.基本准则符合web标准,语义化html,结构表现行为分离,兼容性优良.页面性能方面,代码要求简洁明了有序,尽可能的减小服务器负载,保...

2012-11-29 12:02:00 95

转载 HTML5 classList API

HTML5提供了classList API,除了IE和Safria浏览器外,Chrome和Firefox都已经支持该API。该API提供了一下属性和方法:DOM对象classList属性为我们更好的操作class提供了便利,相对之前className属性,我们可以更加随意地去操控class,为我们编写高质量前端代码提供了捷径。相关连接:http://www.jsmix.c...

2012-11-29 11:37:00 74

转载 从一个基础Javascript面试题谈起

记得第一次面试前端工程师的时候,面试官出了一个机试题,要求每个p单击时弹出不同的值,我是这么写的,执行的时候发现每次都是alert(5),当时坚持认为我的代码没有任何问题,心想这么简单的功能我怎么会弄错。时至今日,想起这件事,便写篇博文总结之。<!DOCTYPE HTML><html><head><meta charset="...

2012-11-29 00:25:00 79

空空如也

空空如也

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

TA关注的人

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