React 入门实例教程: http://www.ruanyifeng.com/blog/2015/03/react.html

React 入门实例教程实例： https://github.com/ruanyf/react-demos

React+Babal+WebPack: https://github.com/ruanyf/react-babel-webpack-boilerplate

React Router 使用教程: http://www.ruanyifeng.com/blog/2016/05/react_router.html https://github.com/reactjs/react-router

React学习资料： http://www.infoq.com/cn/react1/

React中CSS样式模块： https://css-modules.github.io/webpack-demo/

深入浅出React（一）：React的设计哲学 – 简单之美 http://www.infoq.com/cn/articles/react-art-of-simplity

深入浅出React（二）：React开发神器Webpack http://www.infoq.com/cn/articles/react-and-webpack

深入浅出React（三）：理解JSX和组件 http://www.infoq.com/cn/articles/react-jsx-and-component 深入浅出React（四）：虚拟DOM Diff算法解析 http://www.infoq.com/cn/articles/react-dom-diff

React Native通信机制详解 http://blog.cnbang.net/tech/2698/

Flux 傻瓜教程 http://zhuanlan.zhihu.com/FrontendMagazine/19900243 Flux应用架构 http://reactjs.cn/react/docs/flux-overview.html

W3CTech美团react专场- React和 Flux 的组件定制化实践 http://www.slideshare.net/meituan/w3ctechreact-react-flux

Flux 或 Relay，或许 Redux 的区别： http://segmentfault.com/a/1190000003099895 http://segmentfault.com/a/1190000003822606

Redux 介绍 http://segmentfault.com/a/1190000003503338

Redux官方文档 http://rackt.org/redux/index.html (中文版： http://camsong.github.io/redux-in-chinese/ )

使用Redux管理你的React应用 http://www.cnblogs.com/Leo_wl/p/4780750.html

Redux核心概念 http://www.jianshu.com/p/3334467e4b32

infoQ视频： http://www.infoq.com/cn/presentations/pracitise-of-reactjs

react相关资料： http://www.infoq.com/cn/search.action?queryString=react&page=1&searchOrder=&sst=f7UtueDzasVFnM8c

当你在写react的时候报了类似于这样子的错：Each child in an array or iterator should have a unique “key” prop.Check the render method of xxxx. See https://fb.me/react-warning-keys for more information.

原因是这样子的：React can’t know that your array is static, so you get the warning. The most practical thing to do here is to write something like.

解决办法只要在循环的每个子项添加一个key就行了，代码如下：

var names = ['Alice', 'Emily', 'Kate'];

ReactDOM.render(
    <div>
        {
          names.map(function (name, key) {
            return <div key={key}>Hello, {name}!</div>
          })
        }
    </div>,
    document.getElementById('example')
);

官方中文：

http://www.css88.com/doc/webpack/concepts/ https://www.webpackjs.com/guides/getting-started 中文： https://doc.webpack-china.org/guides/getting-started

经典入门(推荐）： https://github.com/ruanyf/webpack-demos

官方入门教程： https://webpack.js.org/guides/getting-started/

React+Babal+WebPack: https://github.com/ruanyf/react-babel-webpack-boilerplate

Gitbook 英文原版： http://christianalfoni.github.io/react-webpack-cookbook/ 中文版： https://fakefish.github.io/react-webpack-cookbook/

如何使用webpack https://github.com/petehunt/webpack-howto(官方英文教程) http://qiutc.me/post/如何使用webpack—webpack-howto.html(中文教程)

http://segmentfault.com/a/1190000002551952 http://www.cnblogs.com/vajoy/p/4650467.html Browserify vs Webpack

webpack-dev-server 简介： http://www.jianshu.com/p/941bfaf13be1

入门推荐：

Webpack傻瓜式指南（一）: http://zhuanlan.zhihu.com/p/20367175

Webpack傻瓜指南（二）开发和部署技巧: http://zhuanlan.zhihu.com/p/20397902

Webpack傻瓜指南（三）和React配合开发: http://zhuanlan.zhihu.com/p/20522487

gitflow 开发流程参考： http://blog.haohtml.com/archives/15317

[][1] 基于SourceTree 下的 Git Flow 模型

1. sourceTree  是一个开源的git 图形管理工具，可下载mac版本,windows版本

2. Git Flow 是一套使用Git进行源代码管理时的一套行为规范和简化部分Git操作的工具。

基本的操作流程

1. 先用sourceTree 创建本地git 项目，xxxProject,

2. 在项目里面先提交一次 commit 一下，默认提交在了 master分支；

3. 然后在 sourceTree工具 右上角，点击 GitFlow,开启git Flow 规范模型的开发

[][2]

如上图，在开启gitFlow 之后；

生产环境分支使用：master

开发分支使用：develop

当需要新增加功能，发布版本时，创建补丁修复bug时，分别有对应的 feature,release,hotfix前缀这样的分支

这样在项目的开发过程之中，管理项目分支就变得非常的规范了；

4：开启之后，我们的项目就回到了develop 分支，以后所的开发都在这个分支上进行；当开发完成一些模块时，就可以回去 master分支 合并

5. 使用 gitFlow 添加新功能 ,点击 sourceTree 的右上角 Git Flow按钮，会出现 菜单，选择创建新功能

[][3]

输出新功能名称，默认会在 新功能 分支上开发新功能；

新功能 开发完成之后，再次点击 git flow 按钮，会出现 完成新功能，按钮点击，完成新功能，，会把当前新功能合分支 合并到 develop分支，并删除新功能分支

[][4]

6：使用Git Flow 发布新版本，同样点击 git Flow 按钮，菜单选择 创建新发布版本 ，

[][5]

默认git会记录文件的权限信息，如果文件的权限信息被修改，那么git也作为一个差异保存。但是我们有时候是不需要这方面的差异的（例如在Windows下使用Cygwin），这时需要关闭文件权限的检查。

git中可以加入忽略文件权限的配置，具体如下：

$ git config core.filemode false $ git config –list

也可以使用以下命令查看是否生效。

cat .git/config

还有一个小问题，在设置这个属性之前权限就混乱的话，是无法自动修复的。这时候，如果仅仅是权限混乱的话，直接git reset --hard恢复吧，git会将项目完全恢复到最近一次提交，包括权限。 

diff里面a表示前面那个变量，b表示第二个变量

HEAD     commit版本 Index     staged版本

a、查看尚未暂存的文件更新了哪些部分，不加参数直接输入 git diff 此命令比较的是工作目录(Working tree)和暂存区域快照(index)之间的差异 也就是修改之后还没有暂存起来的变化内容。

b、查看已经暂存起来的文件(staged)和上次提交时的快照之间(HEAD)的差异

git diff –cached
git diff –staged

显示的是下一次commit时会提交到HEAD的内容(不带-a情况下)

c、显示工作版本(Working tree)和HEAD的差别 git diff HEAD

d、直接将两个分支上最新的提交做diff git diff topic master 或 git diff topic..master

e、输出自topic和master分别开发以来，master分支上的changed。

git diff topic…master
Changes that occurred on the master branch since when the topic
branch was started off it

f、查看简单的diff结果，可以加上–stat参数 git diff –stat

g、查看当前目录和另外一个分支的差别 git diff test 显示当前目录和另一个叫’test’分支的差别 git diff HEAD — ./lib 显示当前目录下的lib目录和上次提交之间的差别（更准确的说是在当前分支下）

h、比较上次提交commit和上上次提交 git diff HEAD^ HEAD

简介

brew cask 是一个用命令行管理 Mac 下应用的工具，它是基于 homebrew 的一个增强工具。

homebrew 可以管理 Mac 下的命令行工具，例如 imagemagick, nodejs，如下所示：

brew cask install qq
brew cask install google-chrome
brew cask install evernote

而使用上 brew cask 之后，你还可以用它来管理 Mac 下的 Gui 程序，例如 qq, chrome, evernote 等，如下所示：

brew cask install qq
brew cask install google-chrome
brew cask install evernote

安装

安装 homebrew

用以下一行命令即可安装 homebrew

ruby -e "$(curl -fsSL https://raw.github.com/Homebrew/homebrew/go/install)"

之后执行 brew doctor 命令可以看看 homebrew 的环境是否正常。通常第一次安装完 brew 之后，还需要安装苹果的 Command Line Tools。

安装 cask

用如下命令来安装 cask:

这里推荐： http://www.ruanyifeng.com/blog/2016/01/commit_message_change_log.html 介绍: 为什么好的提交信息如此重要

当你随意浏览任一 git 仓库的日志，你很可能会发现其中的提交信息或多或少有点乱。举个例子，瞧一瞧我早先提交到 Spring 上的这些宝贝：

$ git log –oneline -5 –author cbeams –before “Fri Mar 26 2009”

e5f4b49 Re-adding ConfigurationPostProcessorTests after its brief removal in r814. @Ignore-ing the testCglibClassesAreLoadedJustInTimeForEnhancement() method as it turns out this was one of the culprits in the recent build breakage. The classloader hacking causes subtle downstream effects, breaking unrelated tests. The test method is still useful, but should only be run on a manual basis to ensure CGLIB is not prematurely classloaded, and should not be run as part of the automated build.

默认情况下，使用brew install mysql 安装完mysql以后，需要手动启动mysql。为了方便以后使用，这里将mysql安装成系统服务。

brew info mysql 已经给了.plist文件，只需要load一下就可以，plist文件名不一定是com.mysql.mysqld.plist, 可以先到 `brew –prefix mysql` 目录看下。具体如下：

mkdir -p ~/Library/LaunchAgents
cp `brew --prefix mysql`/com.mysql.mysqld.plist ~/Library/LaunchAgents/
launchctl load -w ~/Library/LaunchAgents/com.mysql.mysqld.plist

其实 http://stackoverflow.com/questions/8014500/autostart-mysql-on-boot-from-terminal 这里有说。

 cp `brew --prefix mysql`/*mysql*.plist ~/Library/LaunchAgents/
 launchctl load -w ~/Library/LaunchAgents/*mysql*.plist

控制台打印：

Application Transport Security has blocked a cleartext HTTP (http://) resource load since it is insecure. Temporary exceptions can be configured via your app’s Info.plist file.

在iOS9 中，苹果将原http协议改成了https协议，使用 TLS1.2 SSL加密请求数据。

解决方法：

在info.plist中添加 NSAppTransportSecurityNSAllowsArbitraryLoads

官方文档：

https://developer.apple.com/library/prerelease/ios/releasenotes/General/WhatsNewIniOS/Articles/iOS9.html#//apple_ref/doc/uid/TP40016198-DontLinkElementID_13

1.安装类库管理工具

CocoaPods安装和使用教程 去中心化的依赖管理器Carthage (这里没有使用这个库)

2.安装Alamofire

https://github.com/Alamofire/Alamofire

以下为在使用Cocopods管理Alamofire类库的前后项目结构图，项目名称为CocoaPodsDemo

使用 git 做代码管理工具时，设置 gitignore 是必不可少的流程，一些系统或者 IDE 会在目录下生成与项目不相关的文件，而这些文件我们不期望被提交到仓库之中。理解 gitignore 的 pattern 规则十分重要。

Pattern 规则

关于 Pattern 规则，可以查看 git 的相关文档： http://git-scm.com/docs/gitignore，大致有以下几点：

1. 空行不匹配任何内容，所以可以作为块分隔符；
2. # 开头表示注释，如果相匹配 #，可以在前面加一个反斜杠，即 \#；
3. 除非加了反斜杠，否则一连串的空格会被忽略；
4. 如果在匹配的内容前面加上 !，则这些匹配过的部分将被移出，如果要匹配以 ! 开头的内容，需要加上反斜杠，如 \!important.txt；
5. 如果一个匹配 pattern 后面有一个斜杠，如 foo/，则默认会匹配所有（包含父子文件夹）中的 foo 文件夹内容，并且它不会匹配单个的文件；
6. 如果一个匹配 pattern 不包含斜杠，如 foo，Git 会将其作为一个 shell 的查找命令匹配内容。

需要注意的**：

• 如果一个 pattern 以 ** 开头，如 **/foo，最后会匹配所有文件夹下的 foo 文件(夹)；
• 如果一个 pattern 以 /** 开头，如 abc/**，则表示匹配 abc 目录下的所有内容（(relative to the location of the .gitignore file, with infinite depth)；
• 如果一个 pattern 中间包含 **，如 a/**/b，则会匹配 a/b、a/x/b、a/x/y/b以及所有类似的内容。

gitignore 相关的问题

匹配示例

如果我们要匹配 ‘foo’ 目录下除去 ‘foo/bar/‘ 的内容，可以这样做：

要说表空间，Mysql的表空间管理远远说不上完善。换句话说，事实上Mysql根本没有真正意义上的表空间管理。Mysql的Innodb包含两种表空间文件模式，默认的共享表空间和每个表分离的独立表空间。只要在my.cnf里面增加innodb_file_per_table=1就可以从共享表空间切换到独立表空间。当然对于已经存在的表，则需要执行alter table MY_TABLE engine=innodb命令迁移数据。

共享表空间方式

由于是默认的方式，就暂且理解为Mysql官方推荐的方式。相对而言所有的数据都在一个（或几个）文件中，比较利于管理，而且在操作的时候只需要open这一个（或几个）文件即可，相对来说代价很低。

但问题是在数据达到以G为单位来计算的时候优劣逆转。一个大小惊人的文件很不利于管理，而且对于一个如此巨大的文件来说，读写它需要耗费的资源一样巨大。更加令人费解的是，MySQL竟然将索引和数据保存于同一个文件中，索引和数据之间尚存在资源争用，不利于性能的提升。你当然可以通过innodb_data_file_path的配置规划多个表空间文件，但MySQL的逻辑是“用满后增加”，仅仅是一个文件的拆分而已，不能从根本上分离数据和索引。

之前曾经遭遇到700G以上的表空间文件，而且更加让人郁闷的是对于如此大的文件还在以每天数G的数量增加。由于无法停机，即便是拷贝一下也要花费差不多一夜，只能眼睁睁看着它继续增大而毫无保守可行的办法。

独立表空间方式

相对而言对立表空间每个表都有独立的多个数据文件，而且做到了索引和数据的分离。多个小文件之间很方便的完成跨数据库甚至跨硬件的数据拷贝和迁移。相对来说灵活性很好。

这样做同样带来另一个方面的问题。当数据库中的表数量达到一定级别时，每次操作所涉及的文件过多，如果按照默认Centos的ulimit -n = 1024的话，仅仅只能保证同时打开256个表以内，这在习惯上“拆库拆表”的MySQL数据结构上很难达到要求。尚且这种数据文件的利用率不算很高，当大量“不高”的文件集中起来，浪费的空间也很惊人，更何况最后可能出现的状况不是“一堆K级别的小文件”而是“一堆G级别的大文件”，有点适得其反的意思。你自然可以联想到分区表，又是一个“仅仅做文件拆分而已”，多个分区文件缺一不可。

之前同样遇到过这个问题，MySQL连接大的状况下大量的timeout，但主机负载还算可以，查了一圈才知道是open files限制的问题，限制一修改，负载变得惊人，但连接数却又提升的不多。

总之，两种方法各有所长，部分互补，但都不是解决问题的终极方案。期待MySQL能够出现真正意义上表空间的概念，更加自由的规划数据文件。

本次，我们通过对比，明明白白的知道索引、提交频率对InnoDB表写入速度的影响，了解有哪些需要注意的。

先直接说几个结论吧：

1、关于索引对写入速度的影响：
a、如果有自增列做主键，相对完全没索引的情况，写入速度约提升 3.11%；
b、如果有自增列做主键，并且二级索引，相对完全没索引的情况，写入速度约降低 27.37%；

因此，InnoDB表最好总是有一个自增列做主键。

2、关于提交频率对写入速度的影响（以表中只有自增列做主键的场景，一次写入数据30万行数据为例）：

a、等待全部数据写入完成后，最后再执行commit提交的效率最高；
b、每10万行提交一次，相对一次性提交，约慢了1.17%；
c、每1万行提交一次，相对一次性提交，约慢了3.01%；
d、每1千行提交一次，相对一次性提交，约慢了23.38%；
e、每100行提交一次，相对一次性提交，约慢了24.44%；
f、每10行提交一次，相对一次性提交，约慢了92.78%；
g、每行提交一次，相对一次性提交，约慢了546.78%，也就是慢了5倍；

因此，最好是等待所有事务结束后再批量提交，而不是每执行完一个SQL就提交一次。

曾经有一次对比测试mysqldump启用extended-insert和未启用导出的SQL脚本，后者比前者慢了不止5倍。

下面是详细的测试案例过程，有兴趣的同学可以看看：

DROP TABLE IF EXISTS \`mytab\`;
CREATE TABLE \`mytab\` (
\`id\` int(10) unsigned NOT NULL AUTO_INCREMENT,
\`c1\` int(11) NOT NULL DEFAULT ‘0’,
\`c2\` int(11) NOT NULL DEFAULT ‘0’,
\`c3\` timestamp NOT NULL DEFAULT CURRENT\_TIMESTAMP ON UPDATE CURRENT\_TIMESTAMP,
\`c4\` varchar(200) NOT NULL DEFAULT ”,
PRIMARY KEY (\`id\`)
) ENGINE=InnoDB;

DELIMITER $$$
DROP PROCEDURE IF EXISTS \`insert_mytab\`;

CREATE PROCEDURE \`insert_mytab\`(in rownum int, in commitrate int)
BEGIN
DECLARE i INT DEFAULT 0;

SET AUTOCOMMIT = 0;

WHILE i < rownum DO INSERT INTO mytab(c1, c2, c3,c4) VALUES( FLOOR(RAND()\*rownum),FLOOR(RAND()\*rownum),NOW(), REPEAT(CHAR(ROUND(RAND()\*255)),200)); SET i = i+1; /\* 达到每 COMMITRATE 频率时提交一次 */ IF (commitrate > 0) AND (i % commitrate = 0) THEN
COMMIT;
SELECT CONCAT(‘commitrate: ‘, commitrate, ‘ in ‘, I);
END IF;

END WHILE;

/\* 最终再提交一次,确保成功 \*/
COMMIT;
SELECT ‘ALL COMMIT;’;

END; $$$

#测试调用

MySQL在以下几种情况会创建临时表：

1、UNION查询；
2、用到TEMPTABLE算法或者是UNION查询中的视图；
3、ORDER BY和GROUP BY的子句不一样时；
4、表连接中，ORDER BY的列不是驱动表中的；
5、DISTINCT查询并且加上ORDER BY时；
6、SQL中用到SQL_SMALL_RESULT选项时；
7、FROM中的子查询；
8、子查询或者semi-join时创建的表；

EXPLAIN 查看执行计划结果的 Extra 列中，如果包含 ** Using Temporary** 就表示会用到临时表。

当然了，如果临时表中需要存储的数据量超过了上限（ tmp-table-size 或 max-heap-table-size 中取其大者），这时候就需要生成基于磁盘的临时表了。

在以下几种情况下，会创建磁盘临时表：

1、数据表中包含BLOB/TEXT列；
2、在 GROUP BY 或者 DSTINCT 的列中有超过 512字符 的字符类型列（或者超过 512字节的 二进制类型列，在5.6.15之前只管是否超过512字节）；
3、在SELECT、UNION、UNION ALL查询中，存在最大长度超过512的列（对于字符串类型是512个字符，对于二进制类型则是512字节）；
4、执行SHOW COLUMNS/FIELDS、DESCRIBE等SQL命令，因为它们的执行结果用到了BLOB列类型。

从5.7.5开始，新增一个系统选项** internal_tmp_disk_storage_engine** 可定义磁盘临时表的引擎类型为 InnoDB，而在这以前，只能使用 MyISAM。而在5.6.3以后新增的系统选项 default_tmp_storage_engine 是控制 CREATE TEMPORARY TABLE创建的临时表的引擎类型，在以前默认是MEMORY，不要把这二者混淆了。

见下例：

mysql> set default_tmp_storage_engine = "InnoDB";
-rw-rw----   1 mysql mysql  8558 Jul  7 15:22 #sql4b0e_10_0.frm -- InnoDB引擎的临时表
-rw-rw----   1 mysql mysql 98304 Jul  7 15:22 #sql4b0e_10_0.ibd
-rw-rw----   1 mysql mysql  8558 Jul  7 15:25 #sql4b0e_10_2.frm

mysql> set default_tmp_storage_engine = "MyISAM";
-rw-rw----   1 mysql mysql     0 Jul  7 15:25 #sql4b0e_10_2.MYD -- MyISAM引擎的临时表
-rw-rw----   1 mysql mysql  1024 Jul  7 15:25 #sql4b0e_10_2.MYI

mysql> set default_tmp_storage_engine = "MEMORY";
-rw-rw----   1 mysql mysql  8558 Jul  7 15:26 #sql4b0e_10_3.frm -- MEMORY引擎的临时表

延伸阅读：