项目小技巧

解决场景：

当一行文本不知道他的宽度，如果超出了容器的宽度需要设置成超出文本隐藏，没有超出，则不需要设置文本隐藏。

	const textDesc = document.querySelector('.txt');
	const clientWidth = textDesc.clientWidth;
	const scrollWidth = textDesc.scrollWidth;
	// 如果大于则需要超出隐藏
	const isEllpise = scrollWidth > clientWith;

判断是否包含某元素：

此场景多用于判断点击弹框外弹框消失，点击弹框，弹框不消失的场景。

 <div class="dialog">
      <div class="dialog-content">
        <!-->弹框内容 <-->
      </div>
  </div>

const dialogContent = document.querySelector('.dialog-content'); 

dialog.click = function(e) {
	if(dialogContent.contains(e.target)) {
		// 如果包含则表示点击的元素属于dialogContent
	}
}