主页 / user-22202409

Mathias's questions

Martin Hope
Math
Asked: 2025-04-20 16:21:52 +0800 CST
  • 6

您可能知道，Tailwind 4 现已发布。在 v3 及之前的版本中，我总是在配置文件中使用这段代码来获取所需的间距值。但是，由于 v4 中不再有配置文件，我该如何使用它呢？

spacing: {
  ...new Array(1001)
    .fill()
    .map((_, i) => i)
    .reduce((acc, val) => {
      acc[val] = `${val / 10}rem`;
      return acc;
    }, {}),
},
tailwind-css
Martin Hope
Math
Asked: 2023-11-21 04:02:33 +0800 CST
  • 5

我正在尝试在 js 中获取当前时间的视频。我想出了一个相当丑陋且不太精确的解决方案，使用setIntervalon the playevent。但我非常喜欢使用更好的方法。也许requestAnimationFrame可以做到吗？我愿意寻求更好的解决方案。

当前代码：

  this.video = document.createElement('video')
  this.duration = null
  this.currentTime = null

  this.video.addEventListener('play', this.play)

  play(e) {
    setInterval(() => {
      this.currentTime = this.video.currentTime
    }, 1000)
  }
javascript
Martin Hope
Math
Asked: 2023-11-14 15:54:21 +0800 CST
  • 6

我正在做一件小事，我需要检查是否img.src已经设置，以防止它像现在一样连续设置。问题出在我的onMove. 我怎样才能做到这一点？

HTML：

<div data-tail></div>

<button type="button" data-src="./dist/img/1.jpg">
  text 1
</button>
<button type="button" data-src="./dist/img/2.jpg">
  text 2
</button>
<button type="button" data-src="./dist/img/3.jpg">
  text 3
</button>

JS：

const tail = document.querySelector('[data-tail]') 

window.addEventListener('mouseenter', onEnter)
window.addEventListener('mousemove', onMove)

onEnter(e) {
  let img = new Image()
  tail.appendChild(img)

  gsap.to(tail, {
    autoAlpha: 1,
    duration: 0.25
  })
}

onMove(e) {
  const el = e.target

  if (el.type == 'button') {
    const img = tail.querySelector('img')
    img.src = el.dataset.src
  }

  gsap.to(tail,{
    x:e.clientX,
    y:e.clientY
  })
}
javascript
Martin Hope
Math
Asked: 2023-11-06 05:01:58 +0800 CST
  • 7

我试图从 js 中的 css 变换矩阵返回一个值。

该元素是一个具有以下 css 的 div：

transform: translateY(-560px)

在我的 JS 中，我目前通过这样做来获取矩阵：

  const el = document.querySelector('[data-holder]')
  return getComputedStyle(el).transform

上面的代码给了我：

matrix(1, 0, 0, 1, 0, -560)

我如何从矩阵中提取最后一个值？

javascript
Martin Hope
Mathias
Asked: 2023-10-30 02:12:38 +0800 CST
  • 3

我想在 js 中编写一个三元运算符，执行以下操作：

如果索引等于 1 或 3，则将 var x 设置为 10，否则将 var x 设置为 0。

我该如何继续这里？

目前我有这个：

let x = 0
const arr = ['string', 'string', 'string', 'string', 'string', 'string etc']

arr.forEach((el, index) => {
  index ? == 1 || index ? == 3
})
javascript