小编Cas*_*sey的帖子

我正在使用这样ng-repeat的orderBy过滤器渲染对象列表:

<li class="list-item" ng-repeat="item in items | orderBy:predicate:reverse">

我尝试对列表排序的变化进行动画制作已经证明令人沮丧,并且不值得分享.我在这里看到了Yearofmoo示例应用程序.

不幸的是,这个演示并不是我想要实现的.我需要在orderBy定义更改后将其放置在新顺序中时为给定列表项的X位置设置动画.我试图通过css转换和绝对定位来实现这一点,但ng-repeat似乎重新创建了orderBy使动画成为真正挑战的列表项.

1. 这有可能ng-repeat | orderBy(有或没有 ng-animate)？
2. 你能提出一个方法或提供一个例子吗？

我知道3D旋转在SO和许多其他网站上有很好的记录,但尽管阅读了无数的解释,我仍然没有弄清楚我哪里出错了.我的背景是艺术和设计,而不是数学和编程,我不确定我的攻击角度(没有双关语)是否合适.而不是粘贴我的惨淡代码拼凑而成,我包括一个描述我的问题的图像.我真正喜欢的是如何解决它的逐步措辞.伪代码很有用,但如果有人将我的目标指向正确的方向或指出常见的陷阱,我会学到更多.

红色= X轴,绿色= Y轴,蓝色= Z轴

洋红色矢量=原点 - >一些X,Y,Z点

洋红色立方体=两个洋红色向量的端点的平均值(有更好的名称吗？)

白色矢量=两个洋红色矢量的交叉乘积(扩展显示,实际矢量归一化)

青色立方体对象=旋转失败

我之前使用过Away3D和Papervision; 在这些库中,将Euler角应用于对象的rotationX,rotationY或rotationZ属性将在本地旋转对象,就好像它位于原点,而不管其实际位置如何.使用Three.js,情况并非如此.修改对象的rotation.x和rotation.y属性会产生奇怪的效果,其中对象显然在Z轴上稍微倾斜.更令人困惑的是,当对象停留在原点时会发生这种情况.我认为可能使用Quaternion - > Matrix或Axis/Angle - > Matrix函数可以解决我的问题,但没有骰子.似乎有一个我没有得到的核心概念.

无论如何,我想要做的是将立方体定向到十字产品矢量(白色),以便立方体的顶部面向该矢量的方向.然后我想沿同一轴旋转立方体.我附上的图片显示的结果比我想承认试图达到这个结果的时间要多.我的代码看起来像这样:

axis = Vector3.cross(a, b)
axis.normalize()
angle = 45 * TO_RADIANS;
quat = AxisAngle2Quaternion(axis, angle)
rot = Quaternion2Matrix(quat)
cube.matrix = rot

提前致谢,

卡西

编辑:开始赏金

也许我误解了这应该是怎么回事.这是另一张图片:

我认为这个洋红色矢量是轴是不正确的,橙色箭头表示基于角度的这个轴的旋转？无论如何,我想根据一些方向向量定向青色立方体并旋转它.我究竟做错了什么!？

我试图在删除之前检查表的存在.我已经阅读了Doctrine_Table的API文档,我似乎找不到这样的东西.有什么我想念的吗？

我有代码看起来像:

$table = new Doctrine_Table('model_name', $conn);

$export = new Doctrine_Export();

$export->dropTable($table->getTableName());

当表不存在时我得到的错误是:

致命错误:未捕获异常'Doctrine_Connection_Mysql_Exception',消息'SQLSTATE [42S02]:未找到基表或视图:1051未知表

提前致谢,

卡西

最后我听说,暴雪是为数不多的将客户端XSLT付诸实践的公司之一(2008).这仍然是2011年的情况,还是现在有更多人在生产中探索这种技术？ 

似乎现代浏览器(IE9,FF4,Chrome)和客户端处理能力已经准备好利用这个标准来有效节省服务器CPU功率和大规模属性的带宽.我错过了什么吗？

我所知道的消极方面包括

• 额外的渲染时间
• 未缓存页面加载所需的其他资产
• 额外的复杂性
• 显着少于服务器端模板技术的开发人员体验

我认为的好处包括

• 模板组合在客户端上卸载
• 缓存客户端上卸载的常见模板片段
• 文档结构和数据的逻辑分离
• 所有现代浏览器都支持详细记录的Web标准

最后,虽然我知道预测未来是不可能的,但我很想知道客户端XSLT日期是否到来的意见.由于对HTML5的兴趣驱使用户升级他们的浏览器和开发人员以探索新技术,我渴望看到发展的东西.

提前致谢,

卡西

编辑:

任何洞察谷歌如何看待转换的XML以及它对搜索引擎优化的影响也是值得赞赏的.

阅读官方文档中的演练后:

http://graphql.org/graphql-js/object-types/

我对如何制作没有第三方库的自定义标量类型解析器感到很困惑.以下是文档中的示例代码:

var express = require('express');
var graphqlHTTP = require('express-graphql');
var { buildSchema } = require('graphql');

// Construct a schema, using GraphQL schema language
var schema = buildSchema(`
  type RandomDie {
    numSides: Int!
    rollOnce: Int!
    roll(numRolls: Int!): [Int]
  }

  type Query {
    getDie(numSides: Int): RandomDie
  }
`);

// This class implements the RandomDie GraphQL type
class RandomDie {
  constructor(numSides) {
    this.numSides = numSides;
  }

  rollOnce() {
    return 1 + Math.floor(Math.random() * this.numSides);
  }

  roll({numRolls}) {
    var output = []; …

我正在尝试使用:host-context()和相邻的兄弟选择器来设置这样的元素:

<x-foo id="1" active></x-foo>
<x-foo id="2"></x-foo> <!-- use :host-context() to target #2 when adjacent sibling, #1 is [active] -->
<x-foo id="3"></x-foo>

我的元素定义类似于:

<dom-module id="x-foo">
    <template>
        <style>
           :host-context(x-foo[active] + x-foo) {
               background-color: yellow;
           }
        </style>
        Hello
    </template>
    <script src="x-foo.js"></script>    
</dom-module>

然而,这并不是很有效.为什么不？