跳到主要内容

3 篇博文 含有标签「前端」

查看所有标签

· 阅读需 6 分钟
Amber

SonarQube的优点​

  1. 拥有丰富的指标集，全面掌握代码的可维护性，安全性，漏洞，复杂度等。
  2. 可以集成各种代码分析器，如Eslint等。
  3. 可以分析全量代码，与新增代码。
  4. 内置强大、灵活的质量阈，可为Code Review提供参数依据。
  5. 内置各种看板，可从各种维度分析代码。
  6. 内嵌代码查看器。

· 阅读需 1 分钟
Amber

onresize事件​

使用window.on('resize', () => {})可以监听因为窗口变化，而发生的变化回调，但是对于Dom的的尺寸变化，却无法响应。

使用ResizeObserver尺寸变化​

ResizeObserver API MDN

ResizeObserver 接口监视 Element 内容盒或边框盒或者 SVGElement 边界尺寸的变化。

const observer = new ResizeObserver(entries => {
  for (const entry of entries) {
    console.log('handling box size changing')
  }
});

observer.observe(window.document.querySelector('dom'));
observer.disconnect();