vue-run
指南
推荐配置
读书笔记
Javascript书籍
编写高质量JavaScript的68个有效方法
编写可维护的JavaScript
你不知道的JavaScript(上卷)
你不知道的JavaScript(中卷)
ES6标准入门
深入理解ES6
深入理解TypeScript
深入浅出Vue.js
了不起的JavaScript工程师
JavaScript高级程序设计
JavaScript面向对象编程指南
JavaScript面向对象精要
JavaScript函数式编程指南
JavaScript忍者秘籍
JavaScript编程精解
JavaScript语言精髓与编程实践
JavaScript设计模式与开发实战
JavaScript框架设计
Node书籍
Node.js实战
Node.js开发实战
Node.js设计模式
算法书籍
学习JavaScript数据结构与算法
css书籍
CSS揭秘
面经
基础
JavaScript
CSS
HTTP
进阶
设计模式
Node
算法
兼容性
缓存
性能优化
RunTime
浏览器
Webpack
选型
Vue
React
能力周边
Git操作
前端监控
安全防范
最佳实践
只言片语
#
react 相关
设计原理和实现
1. react 设计思路和理念?
2. 单向数据流有什么好处
3. react-fiber的理解
4. react/redux 中哪些功能用到了哪些设计模式
5. 说一下 react diff 算法
6. react事件绑定原理
7. react key 的理解
8. react的虚拟dom和diff描述
9. 怎么做事件代理
10. fiber节点树是什么数据结构,为什么要用这样的数据结构
核心api
1. 为什么 useState 要使用数组而不是对象
2. 对 react context 的理解
3. setState 的理解
4. componentWillReceiveProps 的触发条件
5. state 是怎么注入到组件的,
6. 从 reducer 到组件经历了什么样的过程
7. 如何阻止原生默认事件
生命周期
1. 在16.x 中 props 改变后在哪个生命周期中处理
2. react 遇到性能问题一般在哪个生命周期里解决
3. shouldComponentUpdate 是为了解决什么问题
渲染原理
1. 异步渲染原理,优先级如何划分
2. 渲染优化(class,hook)
3. 如何避免 renderd 的触发
4. dom 结构发生变化后内部经历了哪些变化
5. 介绍 Time Slicing 和 Suspense
横向对比
1. react15.x/16.x /17.x的对比
2. 对比 react 和 vue 的对比
3. React.Component 和 Ract.PureComponent 的对比
4. 有状态组件与无状态组件的对比
5. redux-saga 和 mobx 的对比
6. redux 和 vuex 的对比
7. react 高阶组件、普通组件、hooks 的对比
hooks
1. hooks的理解,和生命周期的区别?
2. react hook有自己做一些自定义的hook吗
路由和组件通信
1. 如何配置 react-router 实现路由切换
2. react 路由的动态加载模块
3. Link 标签和 a 标签的区别
4. react 组件通信方式
redux
1.redux 的设计思想和工作流程
2.redux 和全局管理有什么区别
3. redux 中间件的理解
4. redux 请求中间件如何处理并发
5. 接入 redux 过程?绑定 connect 的过程和原理?
6. 介绍 redux 数据流的流程
7. redux 如何实现多个组件之间的通信
8. redux 中间件是什么东西?接受几个参数?
9. redux 中异步的请求怎么处理
具体实践与解决方案
如何实现函数式调用组件,toast.show()
实现一个全局的 dialog
数据持久化有什么实践吗?
怎么做数据的检查和变化
如何解决 props 层级过深的问题
React-Native
1. RN 有没有做热加载?
2. RN 遇到的兼容性问题?
3. RN 如何实现一个原生的组件?
4. RN 混原生和原生混 RN 有什么不同?
5. RN 的原理优缺点,
6. native 提供了什么能力给 RN
7. 如何调用原生的一些功能、如何和原生进行通信
8. 如何做 RN 在安卓和 IOS 端的适配
9. RN 为什么能在原生中绘制成原生组件
#
设计原理和实现
#
1. react 设计思路和理念?
#
2. 单向数据流有什么好处
#
3. react-fiber的理解
#
4. react/redux 中哪些功能用到了哪些设计模式
#
5. 说一下 react diff 算法
#
6. react事件绑定原理
#
7. react key 的理解
#
8. react的虚拟dom和diff描述
#
9. 怎么做事件代理
#
10. fiber节点树是什么数据结构,为什么要用这样的数据结构
#
核心api
#
1. 为什么 useState 要使用数组而不是对象
#
2. 对 react context 的理解
#
3. setState 的理解
#
4. componentWillReceiveProps 的触发条件
#
5. state 是怎么注入到组件的,
#
6. 从 reducer 到组件经历了什么样的过程
#
7. 如何阻止原生默认事件
#
生命周期
#
1. 在16.x 中 props 改变后在哪个生命周期中处理
#
2. react 遇到性能问题一般在哪个生命周期里解决
#
3. shouldComponentUpdate 是为了解决什么问题
#
渲染原理
#
1. 异步渲染原理,优先级如何划分
#
2. 渲染优化(class,hook)
#
3. 如何避免 renderd 的触发
#
4. dom 结构发生变化后内部经历了哪些变化
#
5. 介绍 Time Slicing 和 Suspense
#
横向对比
#
1. react15.x/16.x /17.x的对比
#
2. 对比 react 和 vue 的对比
#
3. React.Component 和 Ract.PureComponent 的对比
#
4. 有状态组件与无状态组件的对比
#
5. redux-saga 和 mobx 的对比
#
6. redux 和 vuex 的对比
#
7. react 高阶组件、普通组件、hooks 的对比
#
hooks
#
1. hooks的理解,和生命周期的区别?
#
2. react hook有自己做一些自定义的hook吗
#
路由和组件通信
#
1. 如何配置 react-router 实现路由切换
#
2. react 路由的动态加载模块
#
3. Link 标签和 a 标签的区别
#
4. react 组件通信方式
#
redux
#
1.redux 的设计思想和工作流程
#
2.redux 和全局管理有什么区别
#
3. redux 中间件的理解
#
4. redux 请求中间件如何处理并发
#
5. 接入 redux 过程?绑定 connect 的过程和原理?
#
6. 介绍 redux 数据流的流程
#
7. redux 如何实现多个组件之间的通信
#
8. redux 中间件是什么东西?接受几个参数?
#
9. redux 中异步的请求怎么处理
#
具体实践与解决方案
#
如何实现函数式调用组件,toast.show()
#
实现一个全局的 dialog
#
数据持久化有什么实践吗?
#
怎么做数据的检查和变化
#
如何解决 props 层级过深的问题
#
React-Native
#
1. RN 有没有做热加载?
#
2. RN 遇到的兼容性问题?
#
3. RN 如何实现一个原生的组件?
#
4. RN 混原生和原生混 RN 有什么不同?
#
5. RN 的原理优缺点,
#
6. native 提供了什么能力给 RN
#
7. 如何调用原生的一些功能、如何和原生进行通信
#
8. 如何做 RN 在安卓和 IOS 端的适配
#
9. RN 为什么能在原生中绘制成原生组件