- 博客(21)
- 资源 (2)
- 收藏
- 关注
原创 React中文教程 - Advanced Components(组件高级使用)
所谓高级组件均继承ReactCompositeComponent类,ReactCompositeComponent提供一套完善的预处理函数,使用它可以简易的部署很多功能。1. 生命周期函数下面按照组件的生命周期顺序说明组件的预处理函数解释不是很全面,注意看函数的名字,“Will”代表“将”,“Did”代表“已经”1.1 Mounting 添加组件getIniti
2013-06-05 10:50:05
2247
原创 React中文教程 - Mixins | Traits(代码组合|代码复用机制)
代码组合是为了让多个组件之间封分享代码,实现代码复用机制,概念与Python中的Mixins和PHP的Traits相类似。React | Mixinsa{color:#00f;cursor:pointer;}a:hover{text-decoration:underline;}/** @jsx React.DOM */var Mixin1 = { compone
2013-06-04 19:49:57
1823
原创 React中文教程 - Event Handling(事件处理)
React | Event Handlinga{color:#00f;cursor:pointer;}a:hover{text-decoration:underline;}/** @jsx React.DOM */var Clicker = React.createClass({ render: function() { var bind = this.handleBind.
2013-06-04 16:13:55
3646
原创 React中文教程 - Component Lifecycle(组件的生命周期)
React | Component Lifecycleh1{font-size:30px;}/** @jsx React.DOM */React.renderComponent(Hello, world!, document.body);setTimeout(function() { React.renderComponent(Goodbye, world., document
2013-06-04 11:56:55
1806
原创 React中文教程 - Component Data(外部参数及私有变量)
React | Component Dataa {color:#000; cursor:pointer;}/** @jsx React.DOM */var LikeLink = React.createClass({ getInitialState: function() { return {isClicked: false}; }, render: function(
2013-06-04 10:54:14
2962
1
翻译 React中文教程 - Component Basics(组件基础)
1. 什么是组件?React,一切尽是组件!可以为React组件传递参数等,这些组件可以附件到已经存在页面中的任何DOM节点;使用React.renderComponent这个方法:// Replaces everything in `document.body` with Hello, world!;React.renderComponent(Hello, world!, do
2013-06-03 15:54:01
1610
1
翻译 React中文教程翻译文档 - JSX Syntax(语法)
JSX:使用XML语法编写JAVASCRIPTReact强烈推荐使用JSX,JSX一套使用XML语法编写JAVASCRIPT的脚本解析工具。1. 为什么选用JSXJSX并非唯一的选择,如果不习惯JSX的语法您也可以使用常规JS来编写;但请您了解完JSX的语法后再做决定,我们推荐您使用JSX下面是使用常规JS使用React的代码:var link = React.DO
2013-06-03 14:53:12
4307
翻译 React中文教程翻译文档 - Common Questions 常见问题
1. React 支持那些浏览器?React支持Chrome, Firefox, Safari最新的两个版本,支持IE8 With Polyfills或以上。2. 如何让React在IE8也能运行?您需要下载并在HTML页面包含ES5 Shims,ES5 Shims是Javascript代码段。3. 谁在使用React?知名Instagram网站是使用React
2013-06-03 11:19:08
2198
翻译 React中文教程翻译文档 - Getting Started
Getting StartedDownload React Starter KitHello, world!在开发包解压文件夹根目录创建一下内容的文件,并命名为 helloworld.htmlHello World - Getting Starter /** @jsx React.DOM */ /** 上面一行注释代码不能删除,否则React
2013-06-01 11:28:39
2760
原创 React牵手JSX - 使用XML语法编写JAVASCRIPT
1. 什么是JSXJSX (Javascript XML syntax transform) 是使用XML语法编写Javascript的一套解析工具;X代表XML;也可以理解为扩展(eXtension),因为实现JSX功能本身就是使用Javascript;React建议使用JSX(但非必要)2. 为什么选择JSXReact和JSX是两个完全不相关的技术,但JSX是Rea
2013-05-31 17:12:43
2877
原创 React - Facebook开源Javascript库
1. React 概述React是Facebook开源的一套Javascr库,使用了类似XML的JSX语法来构建组件。JSX与我们常规的JS语法最大的不同就是,JSX任何东西都是组件/节点(Components),我们无需像普通JS那样子去CreateElement,取而代之的是直接编写HTML代码,所有的HTML标签均被解析为DOM节点。例如:正常情况下我们创建一个DOM节点使用 d
2013-05-31 16:28:32
3615
原创 RAKNET RPC3 Plugins - Remote Procedure Calls With Boost 远程功能调用
1. 基于BoostBoost是什么? Boost库是一个可移植、提供源代码的C++库,作为标准库的后备,是C++标准化进程的发动机之一Linux如何安装Boost? 不需要安装,只需解压并且在自己的开发环境配置头文件路径即可快速使用。最新Boost 1.53.0下载地址:https://sourceforge.net/projects/boost/files/boost/1.53.0
2013-05-31 11:37:46
1414
原创 RAKNET Plugin Interface 2 - 工作原理
1. 概述PluginInterface2是一个类接口PluginInterface2是一套预处理函数集使用::AttachPlugin()函数注册到RakPeerInterface或者PacketizedTCP可使用::AttachPlugin()函数注册多个PluginInterface2实体类多次::AttachPlugin()代表顺序执行每个PluginInterface2的对应功
2013-05-29 10:32:32
1045
原创 RAKNET内核 - IPV6拟补IPV4资源的不足
1. 前言随着网络的发展,全球的终端量暴增,在未来有限的IPV4资源即将消耗殆尽。为了解决这种困境,此时IPV6应运而生,从数量级而言,IPV6所拥有的地址容量是IPv4的约8×10^28倍。2. RakNet支持IPV6RakNet默认支持IPV6,如果您不想使用可以在RakNetDefines.h将RAKNET_SUPPORT_IPV6设置为0。我不建议这么做,是因为完全可
2013-05-28 17:43:35
1073
原创 RAKNET内核 - Secure Connections 网络通讯安全连接
1. 前言随着游戏上线运营之后,一些心怀不轨的玩家就会通过网络攻击或者窃取的方式来作弊,最常见的就我们所说的外挂。那么RakNet是如何规避这些玩家的攻击呢?RakNet使用传统的网络安全连接的方法从第一步就禁止非常规终端连接到服务器。本文不使用理论性的对话,只使用简单的例子演示如何对RakNet的网络通讯信息进行加密。本文的基于《RAKENT创建UDP实例,RAKNET简单通讯实例》
2013-05-28 11:24:14
1585
原创 RAKENT内核 - Timestamp时间戳
1. TimeStamp定义对于TimeStamp相信所有程序员都不陌生,它一般是为了解决多客户端时区时间不同的问题。也常称为Unix TimeStamp,Unix时间戳,现在统称为时间戳。2. 如果获取TimeStampRakNet::Time time = RakNet::GetTime();3. 何时使用TimeStamp在游戏中,经常有一个叫聊天窗口的功
2013-05-24 14:51:01
1114
原创 RAKNET内核 - BitStream在游戏中的高级概念和使用例子
如果您还不知道RakNet如何发送一个数据包,请先阅读《RAKNET内核 - 数据包的感念》,本文讲基于该篇文章的例子做进一步的的补充,来阐述实际游戏使用BitStream数据流的方式。官方参考资料:http://www.jenkinssoftware.com/raknet/manual/bitstreams.html1. 什么是BitStreamBitStream
2013-05-23 17:21:25
1489
原创 RAKNET内核 - 数据包的感念
1. 概述《RAKENT创建UDP实例,RAKNET简单通讯实例》是介绍Raknet的第一个例子,相当于学习任何一门编程语言所使用的“上帝的粒子”Helloworld一样,它能实时传输任何您想通讯的数据。本文的代码基于该篇文章,建议先阅读这篇文章。但是你会发现它发送了一个字符串而已,在实际的游戏项目可没有那么好的事,诸多的结构体搞得是头昏脑胀,那么Raknet有没提供一种快捷的方式让我们管
2013-05-21 18:48:16
1371
原创 RAKENT创建UDP实例,RAKNET简单通讯实例
Raknet是一套开源的网络通讯库,它很方便的建立基于UDP和TCP的通讯应用项目,特别是游戏项目的网络通讯应用场景。1. 建立 Server/Client 两个终端工程使用Code::Blocks新建两个Empty Project(空项目),您可以参考《Centos6.2如何安装Code::Blocks》选中项目右键Build Options(编译选项)选中Linker
2013-05-21 16:14:13
2876
1
原创 Centos6.2下的精装伴侣:Raknet & Code::Blocks 安装方法实操指引
Centos如何安装Code::Blocks,请参阅上一篇文章《Centos6.2如何安装Code::Blocks》1. 下载最新版本Raknet撰写本文时Raknet的最新版本是4.018打开 http://www.jenkinssoftware.com/evaluation.html , 填写您的个人信息,最主要是填写您的邮箱地址。当您提交给Raknet的时候,它会把下载地址发到您
2013-05-21 11:46:59
1234
原创 Centos6.2如何安装Code::Blocks
Code::Blocks 一款C++的集成开发编辑器 IDE,下面介绍如何安装Code::Blocks并且让它支持编译C/C++代码段1. 安装GCC编译器和GTK2-DEVEL使用YUM命令可以很方便的获取并且安装yum install gccyum install gcc-c++yum install gtk2*2. 安装wxGTK最新下载地址:http://
2013-05-20 17:28:25
1154
Android识别源码
2014-03-02
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人