# 修改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;
}
}