每日前端签到（第八十四天）

第八十四天（2018-10-27）

• [html] 举例说明你对ol和ul标签的区别？它们的运用场景分别是什么呢？
• [css] CSS的overflow属性定义溢出元素内容区的内容会如何处理呢?
• [js] 写个方法随机打乱一个数组
• [软技能] 当项目准备上线前，你有做过哪些性能优化吗？

题目一：
ol = ordered list
ul = unordered list

苹果
香蕉
梨
第一步 ....
第二步 ....
第三步 ....
ol是有序列表，ul是无序列表；
下拉菜单或者横向切换的tab经常使用ul去完成。
题目二：

• visible（默认值）：溢出的内容会照常显示在元素内容区之外；
• hidden：溢出的内容会被裁剪；
• scroll：溢出的内容会出现在滚动区，通过滚动条滚动可以看到；
• auto：当内容溢出时表现同scroll；

参考文档：overflow - CSS（层叠样式表） | MDN

题目三：

function shuffle(arr) {
    let new_arr = arr.map(i => ({v: i, r: Math.random()}));
    new_arr.sort((a, b) => a.r - b.r);
    arr.splice(0, arr.length, ...new_arr.map(i => i.v));
}

let a = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j'];
let n = 10000;
let count = (new Array(a.length)).fill(0);

for (let i = 0; i < n; i ++) {
    shuffle(a);
    count[a.indexOf('a')]++;
}

题目四：
没有思路