问题标签 [famo.us]

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 投票
2 回答
397 浏览

node.js - 将数据从前端用于著名表面的流星模板的推荐方法是什么?

我一直在关注来自https://www.discovermeteor.com/的《发现流星》一书,并且我已经构建了名为“显微镜”的教程项目

这使用 Iron-router 和 Meteor 模板系统来渲染前端。我想在前端使用 famo.us 重做这个项目,但我不清楚该怎么做。

我知道一个名为 famono 的包。捷运加法莫诺。使用这个包,我可以集成 famo.us 并在流星项目中将表面绘制到屏幕上。它还允许您将模板呈现到屏幕上。

但是我对如何重做项目感到困惑,因此路由器 - 路由以使用数据渲染著名的表面。

另外我想知道模板是否仍然是反应性的。

如果有人可以提供有关如何重做“显微镜”项目以在前端使用 famo.us 的见解,我将不胜感激!

谢谢

更新(更具体)

我一直在试图弄清楚如何将着名的模板和路由集成,但我不知道该怎么做。

我使用 Iron-router 来处理我的路由,它选择要渲染的模板和数据,如下所示:

因此,这将使用 Posts.findOne() 数据加载帖子模板。

但我知道我可以从前端的模板生成表面,如下所示:

因为 javascript 会将最终模板加载到视图中,所以我推荐的获取该模板数据的方法是什么,我应该通过设置特殊订阅从前端查询数据库吗?

通常我将数据从服务器上的路由器渲染到页面中,但是......

用着名的,我只需要加载主模板,让着名的模板加载其余的模板。剩下的唯一事情就是获取其他模板的数据。推荐什么?

0 投票
2 回答
536 浏览

famo.us - famo.us:如何处理 textbox.onchange 事件

我在 famo.us 大学上没有看到任何带有文本输入的教程。如何向我的应用程序添加文本框表面并处理onchange事件?

0 投票
1 回答
747 浏览

charts - famo.us:绘制饼图

我需要将一些数据作为输入,例如:

并用它来显示饼图。馅饼将是一个甜甜圈(我将在甜甜圈的空白中心区域显示一些摘要文本)并且您可能会猜测每个“类别”将是基于总和的多少的馅饼的一部分它所代表的价值。每件都将是不同的颜色,并占据与其价值成比例的角度。

我不知道如何用 famo.us 画一个圆圈,更不用说甜甜圈的弧线了。我还想单独处理每块饼上的点击事件,但我猜这不是棘手的部分。谢谢!

0 投票
2 回答
276 浏览

gruntjs - Famo.us 和 Font-Awesome

任何人在分发带有 grunt 的项目时遇到问题,包括字体真棒?

我的问题是,在“dist”文件夹内的最终分发项目中,我想念字体真棒......

我项目中的 Font-Awesome 文件夹位于:

应用程序/lib/font-awesome/css/font-awesome.min.css

到目前为止我所做的:我尝试像这样编辑 copy.js(在 grunt 文件夹中):

.. 也分发 font-awesome,现在它位于 dist 文件夹中,但是当我打开 index.html 时,它似乎找不到正确的路径,我看不到任何图标。

谢谢

0 投票
2 回答
1171 浏览

famo.us - famo.us 中的居中曲面变换

为了使缩放或旋转居中,您需要依赖使用origin属性的修改器,即{"origin":[0.5,0.5]}

不幸的是,origin 似乎不仅会设置表面的参考中心点,还会将其转换到相对于其父级的某个位置。

现在想象以下情况:我想创建一个按钮表面并将其放置在左上角(默认为原点:[0,0])。触发动作时,表面应从其中心缩放(或旋转) ,而不是从左上角(这将是默认行为)。

显然,我可以通过创建一个自定义变换矩阵来使其工作,将平移和缩放矩阵相乘以使表面居中。

但是我无法想象没有更好的 famo.us 方法可以做到这一点,我尝试制作一个容器(读取视图),通过居中修饰符将表面添加到视图中,然后通过另一个具有原点的修饰符将此视图添加到上下文中[0,0] 但没办法……对使用的模式有什么建议吗?

0 投票
1 回答
272 浏览

famo.us - 有没有办法像他们的演示那样打包 Famous?

我正在尝试将 Famous 库集成到现有的 Web 应用程序中,而 requireJS 与单独的 Famous JS 文件的使用让我很头疼。现有的 Web 应用程序不使用 requireJS,并且对其进行改造将是一个大项目。

但是,当我看这个演示时:

http://demo.famo.us/tentacles/

包含一个“着名的.lib.js”文件,它将所有 requireJS 功能封装到一个文件中。

这个文件是怎么生成的?Famous 工具链是否允许创建这个?如果是这样,使用的命令是什么?

以生成器闻名的文档说:“为生产准备项目的单个命令”。这可能是我正在寻找的,但我不确定该命令的语法。

有人知道吗?

0 投票
2 回答
465 浏览

javascript - 何时在 famo.us 中使用 #render 方法

在 famo.us 中,有一些简单的方法可以在表面上使用修改器来执行动画/交互。例如,拖动和动画表面在 famo.us 指南中有非常简单的示例。

但是,在更复杂的场景中,您可能希望协调多个动画,根据交互的需要开始/停止/反转。在这些情况下,像添加带有持续时间的变换这样简单的事情最初可能会起作用,但不能保证用户与它们交互的次数越多就不会失去同步。

#render 方法似乎是放置某些类型的协调动画的常见位置。我对它的有限理解是它识别正在渲染的节点的“规格”,并在渲染循环的每一帧上调用。因此,您可能能够识别特定动画的每个步骤,然后根据它的交互方式能够停止中间动画并根据需要进行更改。例如,Flipper 似乎就是这样工作的

(src/views/Flipper.js):

有没有关于#render 在制作动画时应该扮演的角色的文档?或者渲染方法应该如何工作(例如,构造返回的规范的正确方法)。渲染是否应该更底层,如果是这样,是否应该使用不同的构造?

0 投票
2 回答
1385 浏览

famo.us - 将表面添加到滚动视图(带动画)

是否可以向已填充的滚动视图动态添加表面。单击时,我希望所有滚动视图元素都向下移动动画并在顶部添加一个新的表面再次动画。

滚动视图是正确的方法吗?

0 投票
6 回答
398 浏览

famo.us - 如何在 SO 上与其他人共享工作 Famo.us 代码片段?

AFAIK,目前没有像 jsfiddle 或 codepen 这样的网站支持 Famo.us。是否有其他方法可以共享 Famo.us 的工作代码示例,这些示例足够永久以保证在 Stack Overflow 上使用?

0 投票
3 回答
898 浏览

javascript - 使用 famo.us RenderController 切换回来时,表面顺序混乱

一个初学者的问题。我正在尝试建立一个 famo.us 应用程序。到目前为止,我在一个简单的实验中取得了不错的结果。

现在我的应用程序正在增长,我想允许在“屏幕”之间移动:登陆屏幕 -> 信息屏幕 -> 返回登陆屏幕 -> 等等。

我的“屏幕”View()在 View() 中添加了表面、修改器等

我用它和功能RenderController()在屏幕之间切换。hide()show()

问题是当返回到以前使用的屏幕时,表面不再出现!

代码 : var app_render_controller = new RenderController(); app_render_controller.show(landing_screen); // ok app_render_controller.hide(landing_screen); // ok app_render_controller.show(info_screen); // ok app_render_controller.hide(info_screen); // ok app_render_controller.show(landing_screen); // NOK -> I only see my background surface !

在检查 DOM 时,我能够在它们应该在的位置看到我的表面的轮廓,但它们是隐藏的。似乎背景表面现在位于内容表面(ScrollView)的前面。如果我隐藏背景,我会再次看到 Scrollview。

我读到元素的重叠与它们添加到渲染树的顺序相对应。因此,由于我的基于 View() 的“屏幕”下的树没有改变,滚动视图仍应像第一次一样绘制在背景之上?

这是预期的吗?难道我做错了什么 ?我错过了什么吗?

- - - - 编辑 - - -

我的代码(大致):

在查看 DOM 时,我们可以看到翻转:

登陆屏幕的第一个显示:背景,然后是滚动视图及其 6 个元素

登陆屏幕的第一个显示:背景,然后是滚动视图及其 6 个元素

登陆屏幕的第二个显示:滚动视图及其 6 个元素,然后是背景!

登陆屏幕的第二次显示:滚动视图及其 6 个元素,然后是背景