枫叶

2 Refs 转发Ref 转发是一项将 ref 自动地通过组件传递到其一子组件的技巧。对于大多数应用中的组件来说，这通常不是必需的。但其对某些组件，尤其是可重用的组件库是很有用的。最常见的案例如下所述。一般情况是用不到Refs这个东西，因为我们并不直接操作底层DOM元素，而是在render函数里去编写我们的页面结构，由React来组织DOM元素的更新1 为什么用到refs简单的来说就是处理DOM元素的focus，文本的选择或者媒体的播放等，以及处罚强制动画或者同第三方DOM库集成的时候。2

1 ContextContext 提供了一个无需为每层组件手动添加 props，就能在组件树间进行数据传递的方法。在一个典型的 React 应用中，数据是通过 props 属性自上而下（由父及子）进行传递的，但这种做法对于某些类型的属性而言是极其繁琐的（例如：地区偏好，UI 主题），这些属性是应用程序中许多组件都需要的。Context 提供了一种在组件之间共享此类值的方式，而不必显式地通过组件树的逐层传递 props。1 何时使用 ContextContext 设计目的是为了共享那些对于一个.

在单页面组件的开发中 Vue的vuex 都统称为同一状态管理，简单的理解就是你在state中定义了一个数据之后，你可以在所在项目中的任何一个组件里进行获取、进行修改，并且你的修改可以得到全局的响应变更首先要安装、使用 vuex首先在 vue 2.0+ 你的vue-cli项目中安装 vuex :npm install vuex 接下来，在 main.js里面引入store，然后再全局注入一下，这样一来就可以在任何一个组件里面使用this.$store了：import Vue from..

1 react未分类1 jsx简介JSX是一种JavaScript的语法扩展，运用于React架构中，其格式比较像是模版语言，但事实上完全是在JavaScript内部实现的。元素是构成React应用的最小单位，JSX就是用来声明React当中的元素，React使用JSX来描述用户界面。 let text = <p>hello world</p>它被称为 JSX，是一个 JavaScript 的语法扩展。我们建议在 React 中配合使用 JSX，JSX 可以很

一。js的异步首先js语言的执行环境是单线程的即当一个任务完成时才能进行下一个任务 ，以此类推后面的任务都需要排队执行。 这样就会造成需要花费大量的时间执行完所有的任务，而且当一个任务中的代码出现错误或者死循环时那么下面的任务会无法执行。 所以Javascript在的处理模式分类异步和同步。 参考（https://juejin.im/post/5b605b035188251a90189c61...

1。 扩展运算符扩展运算符用三个点表示。可以将一个数组分隔成用逗号区分的参数序列let a = [1,2,3,4,5,6];console.log(...a)1 2 3 4 5 6主要用于函数的调用add = (a,b) => { console.log(a+b)}add(...[10,20])30替代函数的 apply 方法let a...

1 class简介 通过传统的构造函数生成对象function Point({name,age,tall}) { this.name = name; this.age = age; this.tall = tall}Point.prototype.toString = function () { return `${this.name},${thi...

1 函数的默认值function add(a = 100, b = 2 return a + b } console.log( add()); console.log(add(1,4)); 3005unction Point(name = '张三' , age = 20) ...