前言

做了react-native也有两年了，平时遇到的注意点和坑，只是解决了，但是并没有记录，现在回想我都不记得我遇到哪些坑了，一脸懵逼当中23333.。。，
还是动动手记录下，免得明年也懵逼😆

注意点、坑点、不常用不易记的

• 1、flex和flexGrow的区别：正常情况下，flex:1，和flexGrow: 1,都会在父元素下占满各自的空间，flex: 1时，一个view想设置height，同时高于
  父元素的空间，这样高度仍然是占满父元素并不会撑开。flexGrow: 1时，设置了height，不会受父元素空间限制。
  解释：flex只有一个值，且值为整数时，等价于 flex：X, 1, 0 ！！这才是最终答案，是根本原因。
  flex这个属性是flexGrow、flexShrink和flexBasis三个属性的缩写。
  详细布局片可以看这篇文章[http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html]

一、基础javascript篇

1、类的创建和继承

（1）类的创建（es5）：new一个function，在这个function的prototype里面增加属性和方法。

下面来创建一个Animal类：

1
2
3
4
5
6
7
8
9
10
11
12
13

// 定义一个动物类
function Animal (name) {
  // 属性
  this.name = name || 'Animal';
  // 实例方法
  this.sleep = function(){
    console.log(this.name + '正在睡觉！');
  }
}
// 原型方法
Animal.prototype.eat = function(food) {
  console.log(this.name + '正在吃：' + food);
};

什么是 IoC

IoC 的全称叫做 Inversion of Control，可翻译为为「控制反转」或「依赖倒置」，它主要包含了三个准则：

1、高层次的模块不应该依赖于低层次的模块，它们都应该依赖于抽象
2、抽象不应该依赖于具体实现，具体实现应该依赖于抽象
3、面向接口编程 而不要面向实现编程

依赖注入

所谓的依赖注入，简单来说就是把高层模块所依赖的模块通过传参的方式把依赖「注入」到模块内部，上面的代码可以通过依赖注入的方式改造成如下方式：

常用的css reset

雅虎工程师提供的CSS初始化示例代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { background:#fff; color:#555; font-size:14px; font-family: Verdana, Arial, Helvetica, sans-serif; }
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a { color:#555; text-decoration:none; }
a:hover { text-decoration:underline; }
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }
html {overflow-y: scroll;} 

.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }

1、dispatch触发action，react视图更新过程

当我们dispatch 一个 action 的时候， 调用的其实是 store.dispatch，这个都没问题，store.dispatch 会去跑一遍所有注册在 createStore 中的 reducer， 找到对应的 type 更新数据，返回一个新的 state。

mac

Mac 的话是没有自带tree命令的，但是我们可以通过homebrew（如果你不知道它的话，这是官网）安装：

1
2

	
brew install tree

然后等待安装完成后

1
2

tree --version	# 查看是否安装成功
tree --help		# 查看帮助

前言

对于未接触过小程序的我来说，想起手做个小程序还是要费点时间去学习，但是mpvue的出现让我提起了做小程序的兴趣。从而我的第一个小程序就这么从mpvue中摸爬滚打中开始了

前言

    之前的文章React Mixins入门指南介绍了React Mixin的使用。在实际使用中React Mixin的作用还是非常强大的，能够使得我们在多个组件中共用相同的方法。但是工程中大量使用Mixin也会带来非常多的问题。Dan Abramov在文章Mixins Considered Harmful介绍了Mixin带来的一些问题,总结下来主要是以下几点:

1. markdown是什么？

Markdown是一种轻量级标记语言，它以纯文本形式(易读、易写、易更改)编写文档，并最终以HTML格式发布。
Markdown也可以理解为将以MARKDOWN语言编写的语言转换成HTML内容的工具，最初是一个perl脚本Markdown.pl。