zoukankan      html  css  js  c++  java
  • 开发中遇到的问题,以及笔记

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

  • 相关阅读:
    HTML5基础内容(二)
    JavaScript逻辑运算符
    JavaScript自增运算符和自减运算符
    JavaScript算数运算符和一元运算符
    CSS分页
    HTML和CSS遇到的细节问题
    JavaScript数据类型转换
    JavaScript标识符
    HTML5基础知识汇总(一)
    CSS颜色透明度
  • 原文地址:https://www.cnblogs.com/szl6/p/10252215.html
Copyright © 2011-2022 走看看