第三阶段 MVVM Vue、React、AngularJS简介及对比 MVVM     MVVM是一种框架模式，和传统的MVC模式相比，MVVM的最大特点是 数据驱动视图 ，即：修改数据来导致视图的更改。数据可绑定到html的字符、标签、属性等之上，修改数据等于修改html标签或者属性。想象一下，当将数据绑定到class属性上时，数据变了，class样式自动修改。有过Extjs等前端MVC框架开发

React是个非常适合组件化开发的框架，可以说facebook重新定义了前端。但项目中实际使用下来，维护各组件的state是件比较头疼的事情。尤其页面交互比较复杂时，各种render，你都搞不清楚到底发生了什么，系统复杂到难以维护。还有一个问题就是React的非父子组件间的通信，如某些各组件都要用到的共享状态，没有一个统一的类似管理中心的地方，出了问题难以溯源到哪个组件改了这个state。Redu

刚开始接触React Native开发的程序猿可能会拿着网上的例子和文档一头雾水，毕竟不是像C语言有个main、Android有个OnCreate，iOS有个ViewDidLoad那样，加上JavaScript语法的随意性，让很多人无从下手，本文主要介绍react Native组件的结构和生命周期，帮助读者理解一个React Native组件如何进行展示，如何进行开发。 1.组件的构成 在reac

Reactor简介 Reactor是一个基础库，用在构建实时数据流应用、要求有容错和低延迟至毫秒、纳秒、皮秒的服务。 — PrefaceTL;DR 什么是Reactor？ 　　让我们大致了解一下Reactor。在你使用喜欢的搜索敲入一些关键词如Reactive、spring Reactive、Asynchronous java或者仅仅是"What the heck is Reactor?".简而言

本文转载自：众成翻译 译者：iOSDevLog 链接：http://www.zcfy.cc/article/3814 原文：https://www.fullstackreact.com/30-days-of-react/day-15/ 今天，我们将要看看我们需要知道什么来从高层次了解Promises，所以我们可以使用这个非常有用的概念构建我们的应用。 昨天我们将 fetch 库安装到我们的 cre

在使用React的时候，就不得不提JSX， JSX可以理解为JavascriptXML，其标准的官方网站为：https://github.com/jsx/JSX，安装JSX也很简单： E:\React\learn>npm install -g jsx C:\Users\rodney\AppData\Roaming\npm\jsx-profile-server -> C:\Users\rodney\

本文转载自：众成翻译 译者：iOSDevLog 链接：http://www.zcfy.cc/article/3812 原文：https://www.fullstackreact.com/30-days-of-react/day-18/ 处理客户端应用中的数据是一项复杂的任务。今天我们正在研究一种处理Facebook提出的复杂数据的方法，称为 Flux 体系结构。 随着应用变得越来越复杂, 我们需要

本文转载自：众成翻译 译者：iOSDevLog 链接：http://www.zcfy.cc/article/3809 原文：https://www.fullstackreact.com/30-days-of-react/day-22/ 测试套件是一项前期投资，可在系统的整个生命周期内获得回报。今天我们将介绍测试的主题，并讨论我们可以写的不同类型的测试。 好了, 闭上你的眼睛, 等一下, 不要...

相信配置好rn环境的朋友，在初始化好第一个项目AwesomeProject后会忍不住尝试动手改一改、试一试。下面还是遵循古老传统从hello world开始表演，可以在最初搭建好环境时新建的第一个项目AwesomeProject的基础上，用下面的代码覆盖你的index.ios.js或是index.android.js 文件(在项目的根目录下)，然后运行看看。 Hello World import

本文是我整理的各个常用组件的基本使用方法，主要简要几个常见的基本组件，作为入门材料使初学者对RN中的常用组件有个直观的了解，快速入门，加强学习的成就感，增强学习RN的动力，不会面面俱到的详细讲解组件中的各个属性的含义及用法，如需深入了解可以查看官网文档。 Demo代码的使用 相关的Demo代码可以在https://github.com/mronion0603/ReactNativeExercise

最近使用react router 遇到一个问题：当对某个路由添加参数的时候/list/:app 这列路由，点击这个路由以后再点击其他路由，location地址就追加到后面，问不是replace. /list/:app => /list/appName 切换到/info 就变成了/list/appName/info 最后通过定位，发觉是在Link的时候对Link的to没有添加绝对地址的原因。 <L

由于 React 加持了虚拟 DOM 等诸多特性，所以在 React 上实现常规的动画效果有一些特别之处。本文不会深入探讨 React 对动画的处理逻辑，只会简单地演示如何使用 React 创建动画效果。 React 插件 React 官方提供了两个插件用于处理动画效果：一个是偏底层的 react-addons-transition-group，一个是在前者基础上进一步封装的 react-addo

React Native在2017年经历了众多版本的迭代，从本人接触的0.29版本开始，到前不久发布的0.52版本，React Native作为目前最受欢迎的移动跨平台方案。虽然，目前存在着很多的功能和性能的缺失，但是不可否认的是React Native确实在进步。 本文主要从以下几个方面来对React Native0.50+进行讲解： 在兼容性方面新增了对Android8.0、iPhone X的

React 初始化项目 这里只写出完善环境下的初始化命令，具体的环境搭建可参考 React JSX | 菜鸟教程 使用终端命令快速构建项目： cnpm install -g create-react-app create-react-app my-app cd my-app/ npm start 项目结构 my-app/ README.md - 自述文件 node_modules/ - node模

说明：阅读本篇文章需要对Redux有一定的了解，对Redux不了解的同学可先看看这篇文章Redux技术架构简介（一） 1. React中引入react-redux 为了让Redux和React更好的配合，Facebook专门开发了一个npm包--react-redux，可以这样引入你的项目： npm install --save react-redux 当然不引用也完全可以（Redux包是必须要引

为什么要学习redux-form？ 我们知道，react-redux为React开发提供了科学的存储管理方案。另一方面，类似Semantic-UI与Material UI，Ant-UI等则提供了比较全面的基于React组件框架的UI解决方案。但问题在于，后者提供的UI方案还有很大的局限性，特别是对于form表单的各种应用需求支持方面。为此，相对于简单的表单应用，为了减少重复冗余的代码，我们可以去使

XML 被设计用来传输和存储数据。 HTML 被设计用来显示数据。 应该掌握的基础知识： 在您继续学习之前，需要对以下知识有基本的了解： HTML / XHTML JavaScript 如果您希望首先学习这些项目，请在我们的 首页 访问这些教程。 什么是 XML? XML 指可扩展标记语言（EXtensible Markup Language） XML 是一种标记语言，很类似 HTML XML 的

参考： http://www.w3school.com.cn/xml/xml_intro.asp http://www.w3school.com.cn/xml/xml_usedfor.asp 什么是XML？ 提示：学习之前先了解HTML/XTML，JavaScript基本知识。    XML即扩展标记语言（EXtensible Markup Language），类似HTML；     XML设计的

写在前面的话：接下来的篇幅，我更新的速度会适当放缓。这些内容其实不能算是教程，更贴切的说，是我自己的学习笔记。希望能对大家有所帮助，如果有错误(这个几乎是肯定的)，也敬请回复指正！       刚接触XMLSocket的时候，其实很崩溃。因为我们的目的，不仅仅只是解决Flash客户端的代码编写。还需要了解，XMLSocket服务器端的配置。不然，如果要借助别人帮忙，那做起事情来，总是没有底气的。

最受欢迎的XML分析器简介： iPhone最流行的XML解析器，以及每个一简要介绍：         •        NSXMLParser是一个SAX解析器SDK中包含的iPhone默认的。 这是写在Objective - C和使用非常简单，但也许没有那么容易，因为DOM模型。         •        libxml2的是一个开放源码库，包括iPhone SDK的默认情况下使用。 这是