代码片段

1. 文字截断

.ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

2. 清除浮动

.clearfix {
	zoom: 1;
}
.clearfix:after {
	clear:both;
	content: "";
	display: block;
}

3. javascript 生成 img 标签的3种方式

方式1: 使用 createElement 方法

var img = document.createElement('img');
img.src = 'https://www.baidu.com/img/bd_logo1.png'
document.body.appendChild(img);

方式2: 使用 innerHTML 方法

var imgHtml = '<img src="https://www.baidu.com/img/bd_logo1.png" >';
document.body.innerHTML = imgHtml;

方式3: 使用 new image() 方法

var img = new image();
img.src = 'https://www.baidu.com/img/bd_logo1.png';
document.body.appendChild(img);

4. js 添加、删除 class

方法1: 比较传统的方法

var classVal = docment.getElementById('id').getAttribute('class');
// 删除某个class
var classVal = classVal.replace('someclassname', '');
document.getElementById.setAttribute('class', classVal);

// 添加class
var classVal = classVal.concat('newclassname');
document.getElementById.setAttribute('class', classVal);

// 替换class
var classVal = classVal.replace('someclassname', 'newclassname');
document.getElementById.setAttribute('class', classVal);

方法2: HTML5中添加了classList
classList 属性返回元素的雷鸣，作为DOMTokenList对象。
classList 属性是只读的，但是可以使用 add() 和 remove() 方法修改它。

// 增加
document.getElementById('id').classList.add('class1', 'class2', 'class3');

// 删除
document.getElemtnById('id').classList.remove('class1');

方法3: 正则匹配
…