TigerChain 的码之路

教程简介1、阅读对象只要对 js 基础掌握不牢的都适合2、教程难度初级「但是你不一定知道」，本人水平有限，文章内容难免会出现问题，如果有问题欢迎指出，谢谢正文视频 src="//player.bilibili.com/player.html?aid=327865756&bvid=BV1kA411b7Mi&cid=180304627&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" all.

PS：转载请注明出处 作者: TigerChain 地址: http://www.jianshu.com/p/6c6191a47197 本文出自 TigerChain 简书 人人都会设计模式 教程简介1、阅读对象 本篇教程适合新手阅读，老手直接略过2、教程难度 初级，本人水平有限，文章内容难免会出现问题，如果有问题欢迎指出，谢谢3、Demo 地...

PS：转载请注明出处 作者: TigerChain 地址: http://www.jianshu.com/p/300cbb9ee7f2 本文出自 TigerChain 简书 人人都会设计模式 教程简介1、阅读对象 本篇教程适合新手阅读，老手直接略过2、教程难度 初级，本人水平有限，文章内容难免会出现问题，如果有问题欢迎指出，谢谢3、Demo 地...

以后文章会第一时间发在公号，请大家添加博文的公号，扫描添加即可关注 公众号：TigerChain PS：转载请注明出处 作者: TigerChain 地址: http://www.jianshu.com/p/b972ba509c66 本文出自 TigerChain 简书 人人都会设计模式 教程简介1、阅读对象 本篇教程适合新手阅读，老手直接略过2、教程难

本文是人人都会设计模式第五篇--代理模式，本文交你如何使用代理模式追 MM ，以简单明了方式以生活中的例子让你轻松愉悦的掌握代理模式，不要走接着往下看...

人人都会设计模式第四篇适配器模式，结合生活中的例子让你更好更容易的体会适配器模式的应用，我们开始吧

本文浅显易懂介绍了策略模式，综旨让人人学设计模式都轻而易举，30 分钟 就能掌握策略模式。

本文以简单浅显的口吻讲解了设计模式中的单例模式，虽然单例模式很简单，但是使用不当还是会有坑，并且结合 Android 源码分析了单例在 Andriod 源码中的体现

本文介绍了简单工厂模式以及在 Android 源码中的体现，原来简单工厂模式真的非常简单

版权声明：本文为博主原创文章，未经博主允许不得转载。PS:转载请注明出处 作者:TigerChain 地址:http://www.jianshu.com/p/f4e6ecfd52fd 本文出自TigerChain简书React 教程系列 教程简介1、阅读对象本篇教程适合有React基础的朋友阅读(基础知道 state,props, 组件化思想，webpack+yarn 等)，老鸟直接略过

版权声明：本文为博主原创文章，未经博主允许不得转载。PS:转载请注明出处 作者:TigerChain 地址:http://www.jianshu.com/p/44a787904d9b 本文出自TigerChain简书React 教程系列 教程简介1、阅读对象本篇教程适合新手阅读，老手直接略过2、教程难度初级注:本篇文章采用ES6的写法，以后不没有特别说明都使用ES6+yarn+web

版权声明：本文为博主原创文章，未经博主允许不得转载。PS:转载请注明出处 作者:TigerChain 地址:http://www.jianshu.com/p/fa81cebac3ef 本文出自TigerChain简书React 教程系列1、React之props属性我们想要在组件之间进行传值，那么props属性就起到了这个作用,在React中props和state是两个非常非常非常重要的属性

版权声明：本文为博主原创文章，未经博主允许不得转载。PS:转载请注明出处 作者:TigerChain 地址:http://www.jianshu.com/p/f05eabdf3ab6 本文出自TigerChain简书React系列教程 教程简介1、阅读对象本篇教程适合初学者，老鸟直接略过，如果有误，欢迎指出，谢谢。2、教程难度初级 正文1、什么是yarnyarn是facebook(

1、什么是webpackwebpack是一个打包工具，是一个模块加载工具，是一个构建工具，在 webpack 当中, 所有的资源都被当作是模块, js, css, 图片等等。因此, webpack 当中 js 可以引用 css, css 中可以嵌入图片 dataUrl。看下图说明了webpack的功能2、webpack的特点1、插件丰富2、有非常多的加载器，比如加载css的是css-loader

1、使用JSPM管理JavaScript 1、什么是JSPMjspm是一个浏览器包管理工具也可以理解成是JavaScript的软件包管理工具，它是工作在SystemJs(模块加载器)通用模块之上，jspm不是一个全新的包管理器，而是基于已存在的包资源进行的，它是与NPM和GitHub协同合作的 2、systemjs简述systemjs是模块加载器，它可以导入任何流行格式的模块(Commo

1、使用browserify管理react在永不过时的Hello world中我们介绍了一些创建工具，可我们在那一节并没有使用任何的创建工具，只是简单的使用最原始的办法来编写React,基本上代码都在Html当中编写，这一节中我们介绍browserify来管理js代码 (1)、什么是browserifyBrowserify 可以让你使用类似于 node 的 require() 的方式来组织浏览

目录：1、快速创建工具2、[不使用工具，一步步来写Hello World](#2、不使用工具，一步步来写Hello World)3、单个组件1、快速创建工具我们可以通过好多种方式来创造react项目，比如官方说的Create React App(要求是Node4或以上版本)，可以通过npm工具来安装npm install -g create-react-app然后创建一个项目create-r

开发工具Atom配置首先必须说一点不是主atom是React的必选的开发工具，你可以使用webstrom,sublime等各种开发工具，由于本人喜欢使用Atom所以使用Atom比较多。1、开发React的配置 1、emmet使得输入html飞速提升 2、file-icon让你的侧边栏显示对应后缀名的文件图片很漂亮 3、language-babelbabel插件，让你的react显示

等待添加

本篇demo下载地址https://github.com/githubchen001/react-lesson/tree/master/lesson01/01-flexboxFlexBox1、什么是FlexBox Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。FlexBox是css3中引入的一个新布局方试 Flex布局主要思想是让容器有能力