React篇
1.react有哪几个生命周期？
constructor()
static getDerivedStateFromProps()
componentWillMount() / UNSAFE_componentWillMount()
render()
componentDidMount()
componentWillReceiveProps() / UNSAFE_componentWillReceiveProps()
static getDerivedStateFromProps()
shouldComponentUpdate()
componentWillUpdate() / UNSAFE_componentWillUpdate()
render()
getSnapshotBeforeUpdate()
componentDidUpdate()
componentWillUnmount()
componentDidCatch()
2.在哪个生命周期做优化？
shouldComponentUpdate
3.react怎么从虚拟dom中拿出真实dom?
ref
4.react的diff算法是怎么完成的？(基础原理）
3个策略：
Web UI 中DOM节点跨层级的移动操作特别少，可以忽略不计
拥有相同类的两个组件将会生成相似的树形结构，拥有不同类的两个组件将会生成不同的树形结构。
对于同一层级的一组子节点，它们可以通过唯一id进行区分。
5.React中的props和state的用法
==props：==一般用于父组件向子组件通信，在组件之间通信使用。
==state：==一般用于组件内部的状态维护，更新组建内部的数据，状态，更新子组件的props等。
6.Redux的流程 中间件（thunks saga logger dvtools的理解，用法）
7.比较redux和vuex的区别 https://blog.csdn.net/hyupeng1006/article/details/80755667
8.react router3是否用过，router4是否用过，3到4有什么改变 https://blog.csdn.net/qq_35484341/article/details/80500237
9.react是什么层面上的框架，数据流是单向流还是双向绑定 视图层的框架，单项数据流
10.webpack 基本使用
1.js的垃圾回收机制是什么原理（js）!!
标记清除 、引用计数
2.经常遇到的解决js兼容性问题列举至少三个（js）! https://www.cnblogs.com/yufann/p/Browser1.html
3.不设置寛高的div，用至少两种方法，让它相对于页面水平垂直居中。（css）!
flex布局，绝对定位+相对定位
4.react-redux的实现原理（react框架）!!
https://www.cnblogs.com/hhhyaaon/p/5863408.html
**5.git经常用到的命令，至少五个，并且要说出每个命令是干什么的。（git add .）（git commit -m “”）（git push origin ）（git clone）（git branch）（git checkout）!
6.react-router的实现原理 !
history
7.react的生命周期（必须知道并且知道每个的作用）!
8.数组的方法（至少说出6个）（js）! concat、join、pop、push、reverse、shift、sort、toString、valueOf、unshift
9.闭包的原理（js）!
闭包是指有权访另一个函数作用域中的变量的函数
10.伪数组转成真数组的方法（至少两种方法） （js）!!
1.使用Array.prototype.slice.call();
2.Array.from
11.rgba和opacity的区别（css）!
有opacity属性的所有后代元素都会继承 opacity 属性，而RGBA后代元素不会继承不透明属性
12.link和inport的区别 （js）!
13.哪些操作会造成内存泄露（至少三个）（js）!!!
意外的全局变量引起的内存泄露
闭包引起的内存泄露
没有清理的DOM元素引用
被遗忘的定时器或者回调
14.react虚拟DOM实现原理 !!
js模拟dom结构，每次重新渲染时重新生成dom树，与老的树进行diff算法对比
React会在内存中维护一个虚拟DOM树，对这个树进行读或写，实际上是对虚拟DOM进行。当数据变化时，React会自动更新虚拟DOM，然后将新的虚拟DOM和旧的虚拟DOM进行对比，找到变更的部分，得出一个diff，然后将diff放到一个队列里，最终批量更新这些diff到DOM中。
15.call，apply，bind的区别（js）!!!
1.相同点
（1）都可以用来改变函数的this的指向
（2）使用时第一个参数都是this所指向的对象，并且都可以后续参数传参
2.区别
（1）call跟apply只是参数传参的方式不一样，call以多个参数形式传入，而apply则以数组的形式传入
（2）bind传参的方式可以跟call一样，由于bind返回的是一个函数，因此我们也可以在调用的时候在进行传参
16.ES6有哪些新特性 !
**17.H5新特性（canvas，video，webstorage，语义化标签，表单控件 等） **
19.关系型数据库和非关系型数据库的区别和好处 !!!
关系型数据库（Mysql和Oracle）
1.表和表、表和字段、数据和数据存在着关系
优点:
1.数据之间有关系，进行数据的增删改查的时候是非常方便的
2.关系型数据库是有事务操作的，保证数据的完整性和一致性。
缺点：
1.因为数据和数据是有关系的，底层是运行了大量的算法
大量算法会降低系统的效率，会降低性能
2.面对海量数据的增删改查的时候会显的无能为力
3.海量数据对数据进行维护变得非常的无力
适合处理一般量级的数据（银行转账和钱）
非关系数据库的（redis和MangDB）
为了处理海量数据，非关系数据库设计之初就是为了替代关系型数据库的关系
优点：
1.海量数据的增删改查是可以的
2.海量数据的维护和处理非常轻松
缺点：
1.数据和数据没有关系，他们之间就是单独存在的
2.非关系数据库没有关系，没有强大的事务关系，没有保证数据的完整性和安全性
20.web网络请求的过程 !!!
https://blog.csdn.net/SEU_Calvin/article/details/53304406
1.如何跨域？
1、通过jsonp跨域 2、通过修改document.domain来跨子域 3、使用window.name来进行跨域 4、使用HTML5中新引进的window.postMessage方法来跨域传送数据（但是缺点是IE6、IE7不支持）
未完待续......
网友评论