小编Bor*_*urt的帖子

如何使用jQuery循环元素中的单个div

我想看看以下是否可行:

单旋转div

我希望能够连续循环一个元素中的单个div [所以div的开始是在它循环的同一个div的末尾.]

这不一定是现有的插件.如果可能的话,我宁愿不克隆div.div的宽度将在循环之前通过javascript设置,但可能会少量调整.

我很感激任何想法!

javascript jquery animation

7
推荐指数
1
解决办法
621
查看次数

将 Google 的 <model-viewer> 与 React/Reagent 集成

Google 的<model-viewer>提供了我需要的所有关键功能,而无需通过类似react-three-fiber或直接在 Three.js 中编写自定义解决方案。

我正在努力解决如何将其正确集成到 Reagent(以及 React)结构中。

为了使其易于与 vanilla JS 一起使用,它被构建为一个 Web 组件,并且主要通过其 html 元素上的属性进行控制。通常这不会是什么大问题,但由于 3D 和加载大型模型重新渲染的开销,这是昂贵的,并且在许多情况下会破坏功能。

我试图天真地在组件内使用它,并试图消除重新渲染的可能性。使用 ref 直接改变它。

我还尝试将其设置为从 Reagent/React 控制的应用程序手动创建的 html 元素,并通过其 dom 元素在各种事件中引用它。

这两个选项都引入了很多技巧,并且在单页应用程序中并不理想。

我想知道是否有人有关于如何最好地将其包装在 React/Reagent shell 中的任何提示,同时仍然可以访问核心元素以使用其底层 JS api。

答案不必在ClojureScript中。


以下是其页面上的用法示例:

<model-viewer 
  alt="Neil Armstrong's Spacesuit from the Smithsonian Digitization Programs Office and National Air and Space Museum" 
  src="shared-assets/models/NeilArmstrong.glb" 
  ar ar-modes="webxr scene-viewer quick-look" environment-image="shared-assets/environments/moon_1k.hdr" 
  poster="shared-assets/models/NeilArmstrong.webp" 
  seamless-poster 
  shadow-intensity="1" 
  camera-controls>
</model-viewer>
Run Code Online (Sandbox Code Playgroud)

感谢您的任何提示。


关于Clojurians Slack 的其他讨论(链接需要访问 Slack)

关于Clojureverse的附加讨论

web-component clojurescript reactjs reagent re-frame

4
推荐指数
1
解决办法
6548
查看次数