javascript - 我应该使用带有 Three.js 或 vanilla-js 的 UI 框架来创建动态 UI 吗?

标签 javascript reactjs vue.js three.js

我正在尝试使用 Three.js 开发一个 3D 编辑器。我了解 javascript 和 Three.js,但我对 Web 开发并不深入,也从未尝试过 UI 框架。虽然 mrdoob 的编辑器对 UI 元素使用纯 JavaScript,但我不确定哪种方法对我更有利?使用像react.js或vue.js这样的框架;或者对 UI 元素使用纯 JavaScript。

项目所有者计划拥有动态且复杂的 UI 元素,例如教程向导、控制台或字段,这些元素将随着来自服务器的数据动态更改。

考虑到这将是一个三.js 项目,那么使用纯 js 或框架有什么优点和缺点。

我应该使用像react-third或vue-thirdjs这样的库,还是为了稳定性而从将 Three.js 场景集成到框架开始?

最佳答案

首先您需要了解这些框架试图为您做什么

  • React、Vue、Angular 正在抽象状态更改时的 DOM 操作。而且它们已经足够成熟,可以在生产中采用

  • react-third、vue-thirdjs 在状态更改时抽象 Canvas/SVG/WebGL 操作。

理论上,无需任何框架就可以构建每个产品。但使用它们将节省大量时间,并为可维护性带来巨大好处。但你首先需要付出努力来学习它。

所以我的答案是

小型/POC项目 - 如果您不熟悉这些框架,请继续使用纯 JavaScript、jQuery 直接操作 DOM 和 Canvas 。 但强烈建议将来学习和使用这些框架。它将疯狂地提高你的开发速度

大型/长期项目 - 请使用 React/Vue/Angular。充分利用采用 React- Three/Vue-Threejs 的风险

关于javascript - 我应该使用带有 Three.js 或 vanilla-js 的 UI 框架来创建动态 UI 吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48647129/

相关文章:

javascript - 如何使用node.js在mongoose(mongodb)中的数组上执行 "join"?

reactjs - React fetch多次发送请求

javascript - 为什么状态不在计算中更新?

javascript - Vue 子组件不会因 Prop 更改而更新

javascript - 单击按钮时 Vue : How to call . focus()

javascript - 无法在 WordPress 子主题中使用 jQuery

javascript - 通过单击背景或空间来展开组空间

reactjs - Azure Devops react 脚本测试永远挂起

javascript - 如何通过点击一个div提交一个值?

reactjs - 使用 Ionic React 从 IonMenu 重定向到页面