当页面上有很多内容时需要一个返回页面顶部的按钮使用户可以快速返回页面顶部。让我们看一下可以做到返回页面顶部的几种方法，从简单开始，然后逐步改进。
Web Share API可以启用本机共享功能（如果该您所有使用的平台支持该功能）。
React-Router是React生态的基础路由库，它通过管理URL，实现组件的切换和状态的变化。v4之前属于静态路由，而v4之后属于动态路由。
Immer是mobx的作者写的一个immutable库，核心实现是利用ES6的proxy，几乎以最小的成本实现了js的不可变数据结构，简单易用、体量小巧、设计巧妙，满足了我们对JS不可变数据结构的需求。
TypeScript中高级类型含有交叉类型（&）、联合类型（|）、类型别名（type）、类型索引（keyof）、类型约束（extends）、类型映射（in）、条件类型（U ? X : Y）等
泛型是强类型语言中比较重要的一个概念，合理的使用泛型可以提升代码的可复用性，让系统更加灵活。
泛型允许程序员在强类型程序设计语言中编写代码时使用一些以后才指定的类型，在实例化时作为参数指明这些类型。
常用工具泛型有Partial可选、Required必选、Record、Pick、Exclude、Omit
FC是FunctionComponent的简写, 这个类型定义了默认的props(如 children)以及一些静态属性(如 defaultProps)。
display:contents于2016年就已经得到了Firefox的支持。display:contents使盒子不产生任何框 ，因此不会渲染其背景、边框和内边距，但颜色、字体等继承的属性还是会对其子元素产生效果。( 即在盒子上添加display:contents , 使盒子设置了background border padding width height 等属性会失效 )
空值合并操作符（??）是一个逻辑操作符，当左侧的操作数为 null 或者 undefined 时，返回其右侧操作数，否则返回左侧操作数。可选链操作符( ?. )允许读取位于连接对象链深处属性的值，在引用为 (null 或者 undefined) 的情况下不会引起错误，该表达式短路返回值是 undefined。与函数调用一起使用时，如果给定的函数不存在，则返回 undefined。
webpack中html-webpack-plugin插件生成多个html页面，引入不同的js文件。只要在插件配置文件中加入：chunks:["入口文件名"]即可，如果不加的话，会在生成的html页面中引入所有的入口文件。
