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() 对于空数组是不会执行回调函数的。