开发中遇到的问题,以及笔记

CSS实现单行、多行文本溢出显示省略号（…）

如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。

overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;

多行文本溢出显示省略号，如下:

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;

因使用了WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移动端；

forEach,for in , for of

for in是ES5标准，遍历key. 
for of是ES6标准，遍历value.

let arr = [1,2,3,4,5];

let obj = {a:'1',b:'2',c:'3'};

for(let key in arr){

　　console.log(key); // 0 1 2 3 4

}

for(let value of arr){

　　console.log(value); // 1 2 3 4 5

}

--------------------------------

for(let key in obj){

　　console.log(key); // a b c

}

for(let value of obj){

　　console.log(value); // [object Object] is not iterable!

}

-------------------------------

forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。

注意: forEach() 对于空数组是不会执行回调函数的。