update react's question

This commit is contained in:
wangjian 2019-07-16 18:14:44 +08:00
parent a69aa9bfa7
commit e85a421ffc
2 changed files with 58 additions and 18 deletions

View File

@ -1,11 +1,42 @@
# React面试题
> 鼓励PR
> 鼓励PR持续更新React v16.6.0
## 历史题目(最新2019.07.15)
[React](#React) | [React-native](#React-native) | [React-Router](#React-Router) | [Redux/Mobox](#Redux/Mobox) | [Flux](#Flux)
[React](#React) | [React Native](#React Native) | [React-Router](#React-Router) | [Redux/Mobox](#Redux/Mobox) | [Flux](#Flux)
### React
- [说说你对React的reconciliation算法的理解]()
- [你有用过哪些React的表单库吗说说它们的优缺点]()
- [如果组件的属性没有传值那么它的默认值是什么]()
- [可以使用TypeScript写React应用吗怎么操作]()
- [`super()``super(props)`有什么区别]()
- [你有使用过loadable组件吗它帮我们解决了什么问题]()
- [你有使用过suspense组件吗它帮我们解决了什么问题]()
- [怎样动态导入组件]()
- [如何给非控组件设置默认的值]()
- [怎么在React中引入其它的UI库例如Bootstrap]()
- [怎样将事件传递给子组件]()
- [怎样使用Hooks获取服务端数据]()
- [使用Hooks要遵守哪些原则]()
- [useEffect和useLayoutEffect有什么区别]()
- [在React项目中你用过哪些动画的包]()
- [React必须使用JSX吗]()
- [render方法的原理你有了解吗它返回的数据类型是什么]()
- [自定义组件时render是可选的吗为什么]()
- [需要把keys设置为全局唯一吗]()
- [怎么定时更新一个组件]()
- [React根据不同的环境打包不同的域名]()
- [使用webpack打包React项目怎么减小生成的js大小]()
- [在React中怎么使用async/await]()
- [你阅读了几遍React的源码都有哪些收获你是怎么阅读的]()
- [什么是React.forwardRef它有什么作用]()
- [写个例子说明什么是JSX的内联条件渲染]()
- [在React中怎么将参数传递给事件]()
- [React的事件和普通的HTML事件有什么不同]()
- [在React中怎么阻止事件的默认行为]()
- [你最喜欢React的哪一个特性说一个就好]()
- [你最不喜欢React的哪一个特性说一个就好]()
- [在React中什么时候使用箭头函数更方便呢]()
- [说说你对React的reconciliation一致化算法的理解]()
- [使用PropTypes和Flow有什么区别]()
- [怎样有条件地渲染组件]()
- [在JSX中如何写注释]()
@ -21,7 +52,7 @@
- [React为什么不要直接修改state如果想修改怎么做]()
- [create-react-app有什么好处]()
- [装饰器(Decorator)在React中有什么应用]()
- [使用高阶组件实现一个loading组件]()
- [使用高阶组件(HOC)实现一个loading组件]()
- [如何用React实现滚动动画]()
- [说出几点你认为的React最佳实践]()
- [你是如何划分React组件的]()
@ -31,7 +62,7 @@
- [React的render中可以写{if else}这样的判断吗]()
- [React为什么要搞一个Hooks]()
- [React Hooks帮我们解决了哪些问题]()
- [使用React的memo和forwardRef包装的组件为什么提示children类型不对]()
- [使用React的memo和forwardRef包装的组件为什么提示children类型不对]()
- [有在项目中使用过Antd吗说说它的好处]()
- [在React中如果去除生产环境上的sourcemap]()
- [在React中怎么引用sass或less]()
@ -74,9 +105,10 @@
- [在React中组件和元素有什么区别]()
- [在React中声明组件时组件名的第一个字母必须是大写吗为什么]()
- [有用过React Devtools吗说说它的优缺点分别是什么]()
- [举例说明什么是高阶组件的反向继承]()
- [举例说明什么是高阶组件的属性代理]()
- [举例说明什么是高阶组件(HOC)的反向继承]()
- [举例说明什么是高阶组件(HOC)的属性代理]()
- [React的isMounted有什么作用]()
- [React组件命名推荐的方式是哪个为什么不推荐使用displayName]()
- [React的displayName有什么作用]()
- [说说你对React的组件命名规范的理解]()
- [说说你对React的项目结构的理解]()
@ -87,14 +119,16 @@
- [React中验证props的目的是什么]()
- [React中你有使用过getDefaultProps吗它有什么作用]()
- [React中你有使用过propType吗它有什么作用]()
- [React中怎么检验props]()
- [React.createClass和extends Component的区别有哪些]()
- [高阶组件(HOC)有哪些优点和缺点]()
- [给组件设置很多属性时不想一个个去设置有什么办法可以解决这问题呢]()
- [React16跟之前的版本生命周期有哪些变化](https://github.com/haizlin/fe-interview/issues/756)
- [怎样实现React组件的记忆原理是什么](https://github.com/haizlin/fe-interview/issues/755)
- [创建React动画有哪些方式](https://github.com/haizlin/fe-interview/issues/754)
- [为什么建议不要过渡使用Refs](https://github.com/haizlin/fe-interview/issues/753)
- [在React使用HOC有遇到过哪些问题如何解决](https://github.com/haizlin/fe-interview/issues/752)
- [在使用React过程中什么时候用HOC](https://github.com/haizlin/fe-interview/issues/751)
- [在React使用高阶组件(HOC)有遇到过哪些问题如何解决](https://github.com/haizlin/fe-interview/issues/752)
- [在使用React过程中什么时候用高阶组件(HOC)](https://github.com/haizlin/fe-interview/issues/751)
- [说说React diff的原理是什么](https://github.com/haizlin/fe-interview/issues/724)
- [React怎么提高列表渲染的性能](https://github.com/haizlin/fe-interview/issues/723)
- [使用ES6的class定义的组件不支持mixins了那用什么可以替代呢](https://github.com/haizlin/fe-interview/issues/722)
@ -183,7 +217,7 @@
- [怎样在React中创建一个事件](https://github.com/haizlin/fe-interview/issues/638)
- [在React中无状态组件有什么运用场景](https://github.com/haizlin/fe-interview/issues/637)
- [描述下在React中无状态组件和有状态组件的区别是什么](https://github.com/haizlin/fe-interview/issues/636)
- [写一个React的高阶组件并说明你对高阶组件的理解](https://github.com/haizlin/fe-interview/issues/635)
- [写一个React的高阶组件(HOC)并说明你对它的理解](https://github.com/haizlin/fe-interview/issues/635)
- [React中可以在render访问refs吗为什么](https://github.com/haizlin/fe-interview/issues/634)
- [React中refs的作用是什么有哪些应用场景](https://github.com/haizlin/fe-interview/issues/633)
- [请描述你对纯函数的理解](https://github.com/haizlin/fe-interview/issues/632)
@ -212,17 +246,22 @@
- [在React中你是怎么进行状态管理的](https://github.com/haizlin/fe-interview/issues/605)
- [React声明组件有哪几种方法各有什么不同](https://github.com/haizlin/fe-interview/issues/604)
### React-native
### React Native
- [请描述下code push的原理是什么]()
- [React Native怎样查看日记]()
- [React Native怎样测试]()
- [React Native怎样调试]()
- [React Native和React有什么区别]()
- [有做过React native项目吗](https://github.com/haizlin/fe-interview/issues/725)
- [有做过React Native项目吗](https://github.com/haizlin/fe-interview/issues/725)
### React-Router
- [react-router3和react-router4有什么变化]()
- [react-router的实现原理是什么]()
- [react-router4的switch有什么用]()
- [react-router4怎样在路由变化时重新渲染同一个组件]()
- [在history模式中push和replace有什么区别]()
- [React-Router 4`<Router>`组件有几种类型]()
- [React-Router怎么设置重定向]()
- [React-Router 3和React-Router 4有什么变化添加了什么好的特性]()
- [React-Router的实现原理是什么]()
- [React-Router 4的switch有什么用]()
- [React-Router 4怎样在路由变化时重新渲染同一个组件]()
- [React-Router的路由有几种模式]()
- [React-Router的`<Link>`标签和`<a>`标签有什么区别]()
- [React的路由和普通路由有什么区别](https://github.com/haizlin/fe-interview/issues/728)
@ -230,6 +269,7 @@
- [请你说说React的路由是什么](https://github.com/haizlin/fe-interview/issues/726)
### Redux/Mobox
- [Redux中异步action和同步action最大的区别是什么]()
- [Redux和vuex有什么区别]()
- [Redux的中间件是什么你有用过哪些Redux的中间件]()
- [说说Redux的实现流程]()
@ -245,7 +285,7 @@
- [在Redux中什么是action](https://github.com/haizlin/fe-interview/issues/736)
- [在Redux中什么是store](https://github.com/haizlin/fe-interview/issues/735)
- [为什么Redux能做到局部渲染呢](https://github.com/haizlin/fe-interview/issues/734)
- [说说Redux的优缺点分别是什么](https://github.com/haizlin/fe-interview/issues/733
- [说说Redux的优缺点分别是什么](https://github.com/haizlin/fe-interview/issues/733)
- [Redux和Flux的区别是什么](https://github.com/haizlin/fe-interview/issues/732)
- [Redux它的三个原则是什么](https://github.com/haizlin/fe-interview/issues/731)
- [什么是单一数据源](https://github.com/haizlin/fe-interview/issues/730)

View File

@ -1,5 +1,5 @@
# vue面试题
> 鼓励PR
> 鼓励PR持续更新Vue v2.6.10
## 历史题目(最新2019.07.02)
[vue](#vue) | [vue-cli](#vue-cli) | [vue-router](#vue-router) | [vuex](#vuex) | [ElementUI](#ElementUI) | [ElementUI](#ElementUI) | [mint-ui](#mint-ui)