mobx解决了什么问题

react 关注的状态(state)到视图(view)的问题。而 mobx 关注的是状态仓库（store）到的状态(state)的问题。
任何源自应用状态的东西都应该自动地获得。

XMLHttpRequest 是什么？

XMLHttpRequest 是一个 API，它为客户端提供了在客户端和服务器之间传输数据的功能。它提供了一个通过 URL 来获取数据的简单方式，并且不会使整个页面刷新。这使得网页只更新一部分页面而不会打扰到用户。XMLHttpRequest 在 AJAX 中被大量使用。

常用的前端测试工具一览

前端测试工具也和前端的框架一样纷繁复杂，其中常见的测试工具，大致可分为 测试框架、断言库、测试覆盖率工具 等几类。在正式开始本文之前，我们先来大致了解下它们：

测试框架

测试框架的作用是提供一些方便的语法来描述测试用例，以及对用例进行分组。
测试一般分两种：BDD和TDD

直接上代码~~

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

export default class Parent extends Component {
     render() {
         return(
             <div>
                 <Child alias={this.doSth} /><br/>
                 <button onClick={this.click} >父组件click</button>
             </div>
         )
     }

     doSth = (ref) => {    //获取子组件的作用域
         this.anything = ref
     }

     click = (e) => {
         this.anything.myName()
     }

 }

 class Child extends Component {
     componentDidMount(){
         this.props.alias(this)  //子组件中的this作为参数传入
     }

     myName = () => alert('click me ')

     render() {
         return ('我是子组件')
     }
 }

背景：

多台电脑同时使用的情况下，每次换电脑都重新配置一次就太麻烦了。得同步一把啊~

解决：

实际上，Atom 和 VSC 都提供了 Sync 插件，比如 VSC 的 Settings Sync，可以轻松将 IDE 的所有配置一键备份到 github 上，也可以将 github 上的配置一键拉取下来，然后重启 IDE 便可以共享同样的配置了。

一 使用变量

1. 可以使用变量：
   声明变量的方式：使用$符号，$highlight-color $sidebar-width

2. 变量存在作用域
   作用域使用方式：类似ES6的块级作用域，使用{}区分作用域

super关键字有两种用法，既可以当成函数使用，也可以当成对象使用。在这两种情况下，它的用法完全不同。

在使用 JavaScript classes 时，你必须调用 super(); 方法才能在继承父类的子类中正确获取到类型的 this 。

1. 当super作为函数调用时
   super作为函数调用时，代表父类的构造函数。ES6 要求，子类的构造函数必须执行一次super函数。

1
2
3
4
5
6
7

class A {}

class B extends A {
  constructor() {
    super();//调用父类的构造函数，否则会报错
  }
}

注意：
super虽然代表了父类A的构造函数，但是返回的是子类B的实例，即super内部的this指的是B，因此super()在这里相当于A.prototype.constructor.call(this)。

react性能查看工具

react组件的性能优化（渲染角度优化）

利用shouldComponentUpdate钩子函数优化react性能以及引入immutable库的必要性

谈一谈创建React Component的几种方式

React PureComponent 使用指南

原文：
https://www.cnblogs.com/penghuwan/p/6707254.html
https://www.cnblogs.com/Unknw/p/6431375.html
http://www.wulv.site/2017-05-31/react-purecomponent.html
https://www.jianshu.com/p/333f390f2e84

作为前端，因为经常用到gulp，webpack等工具，所以我们最常见到的是npm和package.json，所以先总结一下它们俩的常用命令。

npm

初始化

1
2
3

npm init //会询问package.json的各种信息，从而确认

npm init --y //全部使用默认值,快速生成package.json

本文包括了Flex布局的语法介绍，以及几种运用Flex布局实现的实例，涵盖了常见的使用场景。