公告:携程集团2022年春季校园招聘会内推!!

JS监听dom高度变化方法总结

前言

有时候我们需要监听dom的变化,例如有时候图片未加载完就取 dom 的高度,这样会导致高度不正确,所以需要监听 dom 的高度变化。才能准确获取dom的高度,那么有哪些监听dom高度变化的方法呢?今天简单列举一下。

监听dom树变化DOMNodeInserted

可以用DOMNodeInserted事件监听子元素是否改变,但是不是很准确。

js判断字符串是否是Html或者url及html反转方案

前言

本文主要是技术积累文章,主要记录收集几个js判断是否是html,及判断url正则及html转义方案。

js判断字符串是否是html

方案一:

function isHTML(str) {
  var a = document.createElement('div');
  a.innerHTML = str;

  for (var c = a.childNodes, i = c.length; i--; ) {
    if (c[i].nodeType == 1) return true;
  }

  return false;
}

WebComponents使用及引用外部样式方式

前言

上海最近疫情严重,大家珍重。我们还好,只不过处于封控范围之内,足不出户,在家办公。今天主要讲一下web components,其实web components 封闭组件应用还是蛮广泛的,例如H5广告组件,H5封装音乐组件等等。

webComponents demo

自定义的 HTML 标签,称为自定义元素(custom element)。根据规范,自定义元素的名称必须包含连词线,用与区别原生的 HTML 元素。所以,不能写成