小编mic*_*nil的帖子

安装Aurelia导航骨架应用程序时,它所使用的所有第三方模块和现成的脚本都是压倒性的.对于那些在理论上对大部分内容有很好描述的人来说,如果我不能一步一步地学习,那就很难学习.出于这个原因,我想自己设置一个最小的Aurelia项目,然后随着我的进展增加复杂性.

主要问题:建立一个简单的Aurelia项目需要哪些步骤？

假设:

• 我已经有一个可以提供文件的节点服务器后端.
• 我想使用ES6/7(Babel).
• 我想使用system.js进行模块加载.
• 没有单元或e2e测试,没有样式,没有文档.
• 尽可能少的节点和jspm模块.

请对每一步做一些解释,并描述必要的Aurelia文件是什么和做什么.

我会非常感谢任何帮助:)

问题：

我有两个带有溢出文本内容的容器，如下所示：

蓝色<div>的地方overflow:hidden。现在我想以自定义的同步 * 方式滚动这些 div，而不管<div>我在白色容器中滚动的位置。我的想法是我可以创建一个绝对定位透明<div>作为白色容器的直接子级，并给它一个溢出子级：

其中蓝色容器的 z-index 高于原始两个文本容器：

.container {
  width: 100vw;
  height: 100vh;
  z-index: 10;
  position: absolute;
  overflow-y: scroll;
}

所以最终的结果是这样的：

现在我希望能够滚动覆盖容器，但在底层元素中捕获其他鼠标事件（如文本选择）。

我的目标是在滚动覆盖容器时使用 JavaScript 手动滚动底层容器。

题：

鉴于无法通过css 属性pointer-events有选择地禁用指针事件，有没有其他方法可以仅启用覆盖元素的滚动事件，同时将其他指针事件传递给底层元素？

背景：

*我正在尝试的实现类似于 Perforce P4Merge 使用他们的 diff 工具所做的。它们有一个用于 2 个代码块的垂直滚动条，我假设滚动高度大于两个代码块中的任何一个。在某些情况下，滚动事件会滚动两个代码块，有时只是其中一个，而在其他情况下，它们会以不同的速度滚动（取决于添加和删除的内容）。

更新： 原来的实现是写在反应，在该代码我不必有margin-left: -18px;上scrollable-container显示滚动条。不知道为什么。此外，如果您愿意，这里有一个 codepen：codepen 片段

.container {
  width: 100vw;
  height: 100vh;
  z-index: 10;
  position: absolute;
  overflow-y: scroll;
}

body {
  overflow-y: hidden; …

我有一个本地 RxDB 数据库，我想将它与 CouchDB 连接。除了身份验证之外，一切似乎都工作正常。我不知道如何以不同的方式添加它，然后在数据库网址中插入凭据：

database.tasks.sync({
        remote: `http://${username}:${pass}@127.0.0.1:5984/tododb`,
      });

我想使用 JWT 身份验证，但找不到如何添加令牌来同步请求。我只找到了一些 PouchDB（pouchdb 身份验证插件）的解决方案，但无法使其与 RxDB 一起使用。

我在Aurelia自定义属性中绑定多个表达式时遇到问题.我发布这个因为我一直在努力,我相信文档可能会丢失一些东西(？).希望这不是我错过的一些愚蠢的事情,以便更多的人也会使用这个.

这是我简化的实现.

resultCustomAttribute.js

import {inject, bindable} from 'aurelia-framework';

@inject(Element)
export class resultCustomAttribute {
    @bindable foo;
    @bindable bar;
    constructor(element) {
        this.element = element;
        console.log(this.foo); // => null
        console.log(this.bar); // => null
    }
    fooChanged(value){
        console.log(value) // Does not run
    }
}

main.js

export function configure(aurelia) {
    aurelia.use
        .standardConfiguration()
        .developmentLogging()
        .feature('resources'); // resources is a folder in the source root
                                  with an index.js file that sets my custom
                                  attribute as a globalResource 

    aurelia.start().then(a => a.setRoot());
}

home.html的

<template>
    .
    .
    .
    <div repeat.for="item …

我在函数中传递 3D 模型添加的名称和纹理名称，结果是 3D 模型在场景中渲染。所有卡住的是，我只想从场景中删除 3D 对象

当我使用 scene.children 来获取它也包含灯光和相机的对象时，我只想删除场景中的网格