Skip to content

修改placeholder样式

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

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

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

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

emmet 语法生成无意义文字

tex
lorem

文本溢出,以...表示

单行

html
<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>

多行

css
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()方法会返回一个布尔值,指示对象自身属性中是否具有指定的属性(也就是是否有指定的键)

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

判断手机(安卓,苹果)

js
function checkPhone() {
  if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
    return true;
  } else if (/(Android)/i.test(navigator.userAgent)) {
    return false;
  }
}