撩课-Web大前端天天5道面试题-Day37

1.描述一下React 生命周期?

渲染过程调用到的生命周期函数，主要几个要知道；
 * constructor
 * getInitialState
 * getDefaultProps
 * componentWillMount
 * render
 * componentDidMount

 更新过程

 * componentWillReceiveProps
 * shouldComponentUpdate
 * componentWillUpdate
 * render
 * componentDidUpdate

 卸载过程

 componentWillUnmount

复制代码

2.实现组件有哪些方式？

React.createClass 使用API来定义组件
 React ES6 class component 用 ES6 的class 来定义组件
 Functional stateless component 经过函数定义无状态组件
复制代码

3.shouldComponentUpdate函数有什么做用？

shouldComponentUpdate是一个容许咱们自行决定某些组件（以及他们的子组件）是否进行更新的生命周期函数，
reconciliation的最终目的是尽量以最有效的方式去根据新的state更新UI，
若是你已经知道UI的哪些状态无需进行改变，就不必去让React去判断它是否该改变。
让shouldComponentUpdate返回falss, React就会让当前的组件和其子组件保持不变。
复制代码

4.手写数组快速排序

快速排序”的思想很简单，整个排序过程只须要三步：
（1）在数据集之中，选择一个元素做为”基准”（pivot）。
（2）全部小于”基准”的元素，都移到”基准”的左边；全部大于”基准”的元素，都移到”基准”的右边。
（3）对”基准”左边和右边的两个子集，不断重复第一步和第二步，直到全部子集只剩下一个元素为止。
 代码：

  var quickSort = function(arr) {
&emsp;if (arr.length <= 1) { return arr; }
&emsp;var pivotIndex = Math.floor(arr.length / 2);
&emsp;var pivot = arr.splice(pivotIndex, 1)[0];
&emsp;var left = [];
&emsp;var right = [];
&emsp;for (var i = 0; i < arr.length; i++){
&emsp;&emsp;&emsp;&emsp;if (arr[i] < pivot) {
&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;left.push(arr[i]);
&emsp;&emsp;&emsp;&emsp;} else {
&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;right.push(arr[i]);
&emsp;&emsp;&emsp;&emsp;}
&emsp;&emsp;}
&emsp;&emsp;return quickSort(left).concat([pivot], quickSort(right));
};
复制代码

5.判断一个字符串中出现次数最多的字符，并统计次数?

var str = 'shdshdfjkfjfdgjkjdksgjskdjfsfsfsfjksjkfdkjf'

 var arr = str.split('').sort()//把字符串变为数组，在排序                        

 str = arr.join('') //把排序好的数组，变为字符串

 var count = 0  //不能使用undefined，转化为数字是NaN

 var char = 0

 var reg = /(\w)\1+/g                       

 str.replace(reg,function(parent,son){                                   

     if(parent.length >count){

              count = parent.length

              char = son
      }                                   
 })

 console.log("最多的字符为:"+char+";个数为:"+count)         

 拓展：replace方法：

 replace语法：

 replace(reg,function(parent,son1,son2,index){

 第一个参数:匹配成功的子字符串(parent)

 第二个参数:第一个分组内容;(son)

  第三个参数:第二个分组内容;(son2)

 ...

 最后一个为开始的下标

 })

 <script type="text/javascript">

 var data = '2019-1-8'

 var reg = /(\d*)-/g

 var data = data.replace(reg,function(parent,son1,index){  //此时没有son2

 console.log(parent) //2019- , 1-                             

 console.log(son1) //2019 , 1

 console.log(index) //0  5  开始匹配的下标

 return son1+'.'                                   

 })

 console.log(data) //2016.6.8                                   

 </script>         

 使用replace()基本方法

 var data = '2019-1-8'

 var reg = /-/g

 var data = data.replace(reg,'.')

 console.log(data)  //2019.1.
复制代码