(adsbygoogle = window.adsbygoogle || []).push({});

# 修改placeholder样式

::-webkit-input-placeholder {
  color: #09d9ec;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #09d9ec;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #09d9ec;
}

:-ms-input-placeholder {
  color: #09d9ec;
}

# emmet 语法生成无意义文字

lorem

# 文本溢出,以...表示

# 单行

<style>
  div {
    width: 40px;
    overflow: hidden;
    white-space: nowrap; /*不换行*/
    text-overflow: ellipsis; /*省略号*/
  }
</style>
<div>
  Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusamus facilis
  iure quos aliquam, tempore repellat explicabo officiis ducimus ullam
  voluptatum assumenda voluptate mollitia sapiente pariatur. Labore laboriosam
  reprehenderit placeat possimus?
</div>

# 多行

div {
  display: -moz-box; /* Mozilla */
  display: -webkit-box; /* WebKit */
  display: box; /* As specified */
  overflow: hidden;
  white-space: normal !important;
  text-overflow: ellipsis;
  word-wrap: break-word; /*单词断句*/
  -webkit-line-clamp: 2; /*第几行省略*/
  -webkit-box-orient: vertical; /*水平布局*/
  -moz-box-orient: vertical; /* Mozilla */
  box-orient: vertical; /* As specified */
}

# 判断对象有无指定属性

hasOwnProperty()方法会返回一个布尔值,指示对象自身属性中是否具有指定的属性(也就是是否有指定的键)

/**
 * 判断对象有无指定属性
 * @param {Object} obj 判断的对象
 * @param {String} key 判断的属性名(键名)
 */
function hasKey(obj, key) {
  let status = obj.hasOwnProperty(key) && key in obj ? true : false;
  return status;
}

# 判断手机(安卓,苹果)

function checkPhone() {
  if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
    return true;
  } else if (/(Android)/i.test(navigator.userAgent)) {
    return false;
  }
}
最后修改时间: 11/29/2022, 5:57:18 AM