问题标签 [isomorphic]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
334 浏览

css - 为什么 SmartGWT 会覆盖我的 CSS?

我的任务是在 SmartGWT(企业)中开发一个带有按钮的小部件。该设计要求按钮周围有边框。我为此设计了 CSS。然而,SmartGWT 坚持通过在生成的 TD 上填充“样式”属性来覆盖我的 CSS 边框定义。Canvas.setBorder 的文档实际上说“此属性将相同的边框应用于此组件的所有四个边。可以在 CSS 样式中设置不同的每边边框,并通过 styleName 应用。” 显然,它意味着能够使用 CSS 控制边框定义。

我意识到我可以使用具体的边框定义调用 setBorder,但我需要根据状态(悬停、向下等)设置不同的边框

例如,按钮标签是“Review”。这是生成的 HTML:

在我的 CSS 中,我定义了一个带有边框的类 (controlButton),但“样式”中的显式边框声明覆盖了它。

这是我创建按钮的代码:

我也试过不调用setBorder,调用setBorder(null),和上面一样,setBorder(“inherit”)。没有任何东西会影响内联样式。

这是 CSS(为简洁起见,省略了所有的状态定义):

在浏览器的编程模式下,我可以手动取消选中“内联样式”中的边框定义,使用我的 CSS 类我的按钮看起来是正确的。

顺便说一句,我意识到我可以在 CSS 上使用 !important 修饰符,但必须有一种方法可以让 SmartGWT 在没有它的情况下停止覆盖。

SmartGWT 版本是 4.0.5。GWT 版本是 2.7.0。

0 投票
1 回答
222 浏览

javascript - 为什么 node.js 无法定位其他 typescript React 组件

我正在用打字稿重写一些反应服务器端渲染文件,我只是遇到了寻找我的自定义组件的问题。

路径结构:

当 node.js 解析时,它可以找到like下Homepage.tsx的所有模块,但是它无法找到我的 component 。我的 IDE phpstorm 识别我的组件位置没有问题,但是当我访问它给出的页面时:node_modulesreactmemobindLayout

主页.tsx:

布局.tsx:

当我Layout从脚本中删除组件时,一切正常。

tsconfig.json

0 投票
1 回答
181 浏览

reactjs - 在 Web API 中定义同构 React 路由

我正在尝试使用 Isomorphic React 构建内容管理系统。我要确定的是如何使用 RESTful 请求响应对象定义路由。

我正在查看 React Starter Kit 中的路由模块,但我不了解路由对象的逻辑,因为我不熟悉它的使用语法。看起来孩子们是一组承诺,并且异步执行每个承诺。然而const route = await next(); 将产生与路线相关的所有数据。这里是否发生了一些路由匹配逻辑?

从 server.js 调用路由模块

这是 index.js 中的定义,它位于每个路由的父目录中。

我尝试合并的 RESTful 请求适用于我的 server.js 或当我将其放入异步操作时。

0 投票
0 回答
329 浏览

matlab - 是否存在类似于等显图的同构函数?

我有两个图G1G2,可能带有彩色节点和边。是否存在回答以下问题的函数(MatLab 或其他程序):

  • 是否存在 的同构G1f(G1)例如,f(G1)大于或等于 (element-wise dominance) G2

我知道isisomorphic. R2016B这个检查回答了这个问题:给定两个图G1G2,可能带有彩色节点和边,是G1G2同构的?一种方法是枚举所有同构G1并检查上述条件。对于较大的图表,这似乎需要太长时间。

编辑:这个问题的答案可能是修改isomorphism函数MatLab——我们可以f(G1) == G2f(G1) >= G2. 第一个中的isomorphism函数@graph toolbox重新排序图形以便稍后进行高效计算,然后它调用. 因此,这会调用函数,然后调用文件,这似乎是 的版本,请参见此处。因此,简而言之,似乎要回答这个问题,我需要修改.isomorphism@biograph toolboxgraphisomorphismMexgraphalgsnauty Trace packagenauty package

0 投票
2 回答
32679 浏览

reactjs - “同构反应”是什么意思?

我正在浏览 React 教程,在网上我看到了很多关于同构 React 的信息。只是对它是什么以及它如何工作感到困惑。

我的理解是,“同构 React”是一个应用程序,它在启动时加载所需的所有数据,然后根据用户的请求在客户端保持渲染,将完整的数据保存在存储中(Redux 架构)。

现在,如果我有一个场景,比如我需要使用来自 3rd 方应用程序的 web 服务加载我的完整 HTML 表单,我从它获取数据作为 json(需要在屏幕上呈现哪些字段的模式)并执行一些操作我需要发回请求,以便我将获得一些其他模式来加载它作为我的下一个屏幕。

在这种情况下,我如何使用同构,因为每次我需要进行服务器调用或 ajax 调用(我不喜欢这样做,因为它可能会暴露 API)。

那么在这种情况下,我可以说这个应用程序是同构的还是我对同构的理解是完全错误的?

0 投票
0 回答
164 浏览

javascript - 同构 npm 包依赖

我想构建同构的 npm 包,它将由我在浏览器中的 Angular 应用程序和控制台 node.js 工具使用。该包执行一些我使用 fetch API 的 http 请求。我通常将isomorphic-fetches6-promise pollyfill 添加到项目依赖项中,以便在浏览器和节点中具有相同的 fetch 方法。该包添加 Promise 对象并在全局获取函数(如果它们不存在)。

但是如果共享包可以被其他人使用 - 添加这样的依赖项是一个好主意吗?其他人可能已经使用不同的 Promise 或 fetch 实现(例如节点的“promise”包)。在 README 中警告人们我的包依赖 Promise 对象和 fetch 方法并让他们选择首选实现不是更好吗?

0 投票
0 回答
97 浏览

reactjs - 同构反应应用程序+ ajax

我有以下场景,我认为这是非常典型的,但我找不到任何样板/库来完成这项工作。

  1. 我们有一个用于同构使用的反应组件
  2. 在客户端,它会在导航时通过 ajax 获取额外的数据
  3. 在服务器端,相同的数据可以从某个 js 函数中获得,应该避免 ajax 调用

我尽量不使用 redux。 react-async似乎足够接近,但它的最后一次提交是 2 年,并且不能与最新版本的 react 一起运行。

编辑:也许举个例子更清楚?

假设我们正在编写一个博客网站,有一个渲染博客标题的同构反应组件。

  • 在客户端,组件将通过 ajax 获取博客标题
  • 在服务器端,组件应该从数据库中获取标题,而不是 ajax

如何构建我的反应组件以实现上述两个要求?

0 投票
1 回答
244 浏览

reactjs - SSR 中请求的路由的双脚本标签

我的 SSR repo(inferno-react like lib) 使用webpack. 它有 2 个路由文件,1 个用于服务器,1 个用于客户端,完全相同,但在客户端使用 require.ensure 进行分块。其中一条路线如下所示:

意思是,当浏览器解析.htmlbundle.js在浏览器上下载时,webpack 会将分块路由的组件的脚本标签插入到 html 中,然后其下载。但这会减慢它的速度,因为该路由仅在下载后才被下载......所以,我在. 但是,现在,对于每个请求的路由,我在文件中为该分块组件添加了双脚本标签。一种是由于在服务器上手动添加,另一种是我们在 webpack 中使用..js.jsbundle.jswebpack-manifest-plugin.htmlrequire.ensure

一切正常,但很好 2 个脚本标签!:/

有没有办法可以避免它或者在将分块保持在客户端的同时我还能如何处理它。

0 投票
1 回答
92 浏览

javascript - 如何使补水更新稍微改变风格的道具

假设我有一个具有以下渲染方法的非常简单的应用程序。

生成以下 DOM:

现在,当我尝试重新水化 DOM 时,我收到一条警告,说 style prop 不匹配,但除此之外一切仍然正常,除了 div 的高度没有更新到应有的值。

修复警告或忽略它(因为其他一切正常)并使反应更新 DOM 元素的最佳方法是什么。

请注意: - 我认为这很好 w。反应 15.x。现在使用 16.0.0;- 在这个玩具示例中,我显然可以只使用 height:"100%" 但在现实生活中我没有这种奢侈,并且必须以最终取决于视口大小的方式计算尺寸。

0 投票
2 回答
756 浏览

java - 设置新 SmartGWT 主题“Tahoe”时出现问题

大家好,我正在尝试在示例 gwt 项目(问候服务)中设置新的“Tahoe”主题,该主题在 smartgwt 6.1 版中可用。我希望有人能给我一些有用的提示。我的问题是,我将所有设置都设置为使用新主题,但是如果我在浏览器中打开项目,则新皮肤无法正常工作。

我的代码:test.gwt.xml

索引.html

如果我打开浏览器,项目看起来是这样的: 在此处输入图像描述