前端完美世界提前批一面

0901 腾讯会议 60min

当天晚上查状态就挂了，攒了6个一面挂了，到现在都摸不准一面通过的线在哪里真的太沮丧了。只记录了回答不太好的问题

1.针对项目中的问题讨论。20min

2.localStorage存值问题，同一个域名都会获取到，如何保证唯一？

存成全局变量，不要分散在各个页面内；

每个变量命名要规范projectA+变量名；

用json格式存储，用一个变量，在json内部拓展。

3.如何让一个数组随机？(洗牌算法)

关键：保证每次索引的值是合法的Math.floor(Math.random()*(i+1))

思路1：交换数组[随机索引值]和数组[正常索引值]；每个原位置的值都被交换至少一次

function shuffleArray(totalLength) {
  let randomArray = {};
  for(var i = 0;i<totalLength;i++){
      randomArray[i] = i+1;
  }
  for(let i = totalLength-1;i>=0;i--){
      var tmpIndex = Math.floor(Math.random()*(i+1));//12
      var tmp = randomArray[tmpIndex];//12
      randomArray[tmpIndex] = randomArray[i];// randomArray[12] = 15
      randomArray[i] = tmp;//randomArray[15] = 12
  }
  return Object.values(randomArray)
}

思路2：取出数组[随机索引值]，插入到新数组中（思路2巧妙地利用了arr.length动态变化的特点，保证每次索引值都是合法的）

function shuffleArray(totalLength) {
  let randomArray = {};
  for(var i = 0;i<totalLength;i++){
      randomArray[i] = i+1;
  }
  var arr = Object.values(randomArray);
  var res = [];
  while(arr.length){
      var tmpIndex = Math.floor(Math.random()*(arr.length));
      res.push(arr.splice(tmpIndex,1)[0]);
  }
  return res;
}

4.css继承属性

1、字体系列属性

font-family：字体系列

font-weight：字体的粗细

font-size：字体的大小

font-style：字体的风格

2、文本系列属性

text-indent：文本缩进

text-align：文本水平对齐

line-height：行高

word-spacing：单词之间的间距

letter-spacing：中文或者字母之间的间距

text-transform：控制文本大小写（就是uppercase、lowercase、capitalize这三个）

color：文本颜色

3、元素可见性：

visibility：控制元素显示隐藏

4、列表布局属性：

list-style：列表风格，包括list-style-type、list-style-image等

5、光标属性：

cursor：光标显示为何种形态

5.position有哪些属性。

absolute：相对于最近的父元素进行定位，并且父元素不是常规定位（static）。

z-index属性在下列情况下会失效：
父元素position为relative时，子元素的z-index失效。解决：父元素position改为absolute或static；
元素没有设置position属性为非static属性。解决：设置该元素的position属性为relative，absolute或是fixed中的一种；
元素在设置z-index的同时还设置了float浮动。解决：float去除，改为display：inline-block；