前端 完美世界提前批一面
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；
6.z-index需要父元素设置为Postion非static的值.
7.怎么获取父元素的第1,3,5个子元素
nth-child(n)匹配父元素的第n个子元素nth-child(2n-1)匹配父元素的奇数子元素li:nth-child(2n-1){background:#fff}
类似资料：