小技巧随笔

2020-09-10  本文已影响0人  江水流白

js中给字符串添加空格

使用 

+ '\xa0' + 

即可

超出文本框宽度变为...

text-overflow:ellipsis; width:xxx

overflow:hidden;

white-space:nowrap; 

超出文本宽度换行,超过n行后变为...

 width:xxx
 text-overflow: -o-ellipsis-lastline;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  line-clamp: 2;

  -webkit-box-orient: vertical;

JS 反引号(`)标识的作用

ES6 模板字符串(Template String)是增强版的字符串,用反引号(`)标识,它可以当作普通字符串使用,也可以用来定义多行字符串,或者在字符串中嵌入变量。

例如: var a = 1; console.log('一共有'+a+'个鸡蛋!')

那么现在你只要console.log(`一共有${a}个鸡蛋!`)

数组分组

const  groupBy = (array, f) => {

  const groups = {}

    array.forEach(function (o) {

    const group = JSON.stringify(f(o))

    groups[group] = groups[group] || []

    groups[group].push(o)

  })

  return Object.keys(groups).map(function (group) {

    return groups[group]

  })

}

const arrayGroupBy = (list, groupId) => {

  const sorted = groupBy(list, function (item) {

    return [item[groupId]]

  })

  return sorted

}

上一篇 下一篇

猜你喜欢

热点阅读