草庐IT

3D渲染

全部标签

javascript - 使用 react-router v4 和预取数据进行服务器渲染

我在RR3的服务器端渲染方面做了很多工作,所以我想看看它在v4的上下文中是如何工作的。我按照网站上的教程进行操作,但是由于渲染是与路由匹配一起进行的,因此无法像以前那样实现预取数据。以下是我过去使用v3进行服务器渲染的方式:https://github.com/alexnm/react-seed/blob/master/server/index.js基于匹配函数,我将从所有组件树调用所有预取函数,然后等待Promise.all让他们完成,然后触发renderToString函数并返回html。在RR4中,我们只有组件,所以我提出的当前解决方案是复制渲染代码:https://github

javascript - 使用 CSS 3D 变换从 DOM 对象接收变换后的鼠标事件数据

目前在javascript鼠标事件中是否有任何数据可以让我轻松找到或计算相对于转换元素的3D空间的鼠标位置?为了直观地说明,左边是没有3d矩阵的div,右边是3d变换后的div。o是鼠标事件的来源+/|/|+-----++||||||o|=>|o|||||+-----++|\|\|+在下面的脚本中,单击div中的相同像素将报告一个位于文档/屏幕的二维变换空间中的event.layerX。我知道,但对解析div的matrix3d并使用它乘以事件位置以发现这一点的前景并不感到兴奋,但是在实际实现中,div将具有更复杂的转换,这需要在不止一个对象的每一帧上完成,我担心会带来的开销......

javascript - XPages execMode 部分在渲染时移除 DOM 元素

我的一个XPage上有一个fileUploader。我遇到的问题是当我尝试将它与一起使用时xp.this.rendered属性它实际上删除了它应该更新的DOM元素。如果没有该属性,它运行得很好,但有时我必须仅在某些条件为真时才显示fileUploader:这就是我的意思:我在这里做了什么:以第1步(默认)打开一个页面。它只是主中的一张tablediv_main元素(input_step是1)在那里上传文件点击下一步按钮刷新了div_main元素和集合input_step组件值变为2显示第二个表(渲染条件为rendered="#{javascript:getComponent('inpu

javascript - React Native 元素类型无效。检查渲染方法

我环顾四周,其中大部分问题都是导入或导出不正确造成的,但我检查了我的应用程序,但我不确定我导出/导入的内容有误。这正是我遇到的错误。React.createElement:typeisinvalid--expectedastring(forbuilt-incomponents)oraclass/function(forcompositecomponents)butgot:object.Youlikelyforgottoexportyourcomponentfromthefileit'sdefinedin.ChecktherendermethodofFooterTabs.不确定渲染方法是

javascript - 计算 3d 空间等距离的通用公式

这可能不是发布此内容的正确位置,但我不知道还有什么地方可以发布它。我有5条线(d1->d5)在3d透视图中彼此均匀分布,我有(a)Angular、(d1)和(b5)的值。我需要用jquery计算(b2,b3,b4,d2,d3,d4,d5)。我可以用以下方法计算d5:d5=d1-(b5*Math.tan(a))但我不知道如何计算b2、b3和b4。(d1分为4个相同的segments(s))任何帮助将不胜感激。 最佳答案 您正在寻找的是投影量表。在计算上执行此操作的最简单方法是使用齐次坐标,取一个矩形(如下面第一张图片中的矩形),其中V

javascript - Ember.js - 渲染模态视图,URL 和父 View 仍然显示

在我的Ember.js应用程序中,我有一个包含各种帖子列表的索引View。我正在尝试实现点击帖子时发生的“显示”操作。它应该做的是显示一个模式更详细的帖子版本。帖子的每个模态视图也应该有自己的URL。此外,列出帖子的索引View仍应显示在帖子模态后面。最后,当帖子模式关闭时,URL应该变回索引URL到目前为止,我的路线是这样的:App.Router.reopenlocation:'history'rootURL:'/'App.Router.map->@resource'posts',->@route'show',path:'/:post_id'App.PostsShowRoute=Em

javascript - 无法使用服务器端渲染访问 DOM - react 0.14.1、react-dom 0.14.1 和 react-router 1.0.0-rc3

我无法使用react、react-dom和react-router的服务器实现访问DOM。我有ReferenceError:documentisnotdefined,或者BrowserhistoryneedsaDOMerrors。服务器入口:module.exports=function(req,res,next){match({routes,location:req.url},(error,redirectLocation,renderProps)=>{if(error){res.status(500).send(error.message);}elseif(redirectLoca

javascript - React Redux,在获取数据并将其映射到组件后重新渲染?

您好,我在获取数据并作为this.props.data传递给子组件时遇到问题并在数据更改时重新渲染。它只在第一次提交表单和获取数据时起作用,但不会再次起作用。自render()以来,新数据不可用。函数调用{this.renderMap(this.props.data)}之前{this.renderData()},它获取并返回并映射数据。我尝试切换它们,但看起来render()函数在调用{this.renderMap(this.props.data)}之前没有等到数据被获取.我是否应该以不同的方式将数据传递给GoogleMap组件,以允许它在呈现之前重新加载新数据?我的渲染数据();工作

javascript - 使用 Dagre d3 缩放后重新渲染 HTML

编辑我找到了一个涉及使用稍旧版本的dagre-d3库(4.11)的解决方案。如果有人能找到最新版本的问题,那也会有所帮助。谢谢我正在使用Dagred3绘制一些图表。当我最初渲染我的图表时,我会这样做g=newdagreD3.graphlib.Graph().setGraph({}).setDefaultEdgeLabel(function(){return{};});varsvg=d3.select("svg"),inner=svg.select("g");svgGroup=svg.append("g");varrender=newdagreD3.render();render(d3.

javascript - ReactJS 服务器端渲染和 componentDidMount 方法

我是React新手,所以请不要严格判断。我在服务器上呈现我的React应用程序并希望在前端执行代码。应用程序使用样式正确呈现,没有警告或错误,尽管状态为空,因为我使用的API应该在前端执行,现在没问题。据我了解,服务器呈现组件,并且由于服务器在服务器上呈现和安装组件,并且它没有调用componentDidMount()方法哪个应该执行我的API调用和其他工作人员这是我的组件importReactfrom'react';import{render}from'react-dom';importSpComparisonfrom'./spComparison.jsx';importCompar