小编Tea*_*ime的帖子

如何创建弯曲渐变?

我用Javascript编程蛇.对于不同身体部位的背景,我正在使用以下渐变生成:

gibGradient: function() {
    var string = "background: linear-gradient(to right, rgba(243,226,199,1) 15%,rgba(193,158,103,1) "+ snake.data.gradientLinks +"%,rgba(182,141,76,1) "+ snake.data.gradientRechts +"%,rgba(233,212,179,1) 90%);";
    if ((snake.data.gradientLinks < 85) && (snake.data.modus == "hochzaehlen")) {
        snake.data.gradientLinks = snake.data.gradientLinks + 5;
        snake.data.gradientRechts = snake.data.gradientRechts + 5;
        if (snake.data.gradientLinks >= 85) {
            snake.data.modus = "runterZaehlen";
        }
    }

    if ((snake.data.gradientLinks > 20) && (snake.data.modus == "runterZaehlen")) {
        snake.data.gradientLinks = snake.data.gradientLinks - 5;
        snake.data.gradientRechts = snake.data.gradientRechts - 5;
        if (snake.data.gradientLinks <= 20) {
            snake.data.modus = "hochzaehlen";
        }
    }
    return string;
}, …
Run Code Online (Sandbox Code Playgroud)

javascript css html5

8
推荐指数
1
解决办法
240
查看次数

从this.props.children反应访问Dom节点

假设我有一张包含登录表格的卡片

 <Card>
     <LoginForm/>
 </Card>
Run Code Online (Sandbox Code Playgroud)

如何从卡片渲染功能中的表单访问节点?

<Form >
  <input type="text" name="email"/>
  <input type="password" name="password"/>
  <input type="submit"/>
 </Form>
Run Code Online (Sandbox Code Playgroud)

因为我想要做的是渲染提交按钮不在props.children上下文中,但渲染它包装在给定的孩子之外!

render () {
return (
  <div className="card">
      <div className="inner">
        {/* render Children */}
        {this.props.children != undefined ?
          <div className="childrenWrapper">
            {this.props.children}
          </div>
          : ""
        }
       </div>
       {/* render submit from login form here, not above  */
  </div>)
Run Code Online (Sandbox Code Playgroud)

示例预期结果

有一些组件实际上做我想要的.例如,来自react-toolbox的Tabs组件.他们以某种方式设法在其他地方呈现Tab(儿童)内的内容

就是这样

   <Tabs index={this.state.inverseIndex} onChange={this.handleInverseTabChange} inverse>
      <Tab label='First'><small>First Content</small></Tab>
      <Tab label='Second'><small>Second Content</small></Tab>
      <Tab label='Third'><small>Third Content</small></Tab>
      <Tab label='Disabled' disabled><small>Disabled Content</small></Tab>
    </Tabs>
Run Code Online (Sandbox Code Playgroud)

这将导致以下html 渲染的HTML示例

正如您可以看到来自选项卡中的子项在其自己的部分中呈现我不想更改表单上的任何内容来解决此问题,我想将表单传递到卡中并让卡片决定表单将如何在卡片渲染功能中呈现.

由于我正在尝试实施Google Material Design …

reactjs

6
推荐指数
1
解决办法
2130
查看次数

xQuery-填充自定义数组

我得到了一些带有不同公司广告的数据集。

例如

<jobs>
    <job>
        <company>A</company>
        <value>Testvalue</value>
    </job>
    <job>
        <company>A</company>
        <value>Testvalue</value>
    </job>
    <job>
        <company>B</company>
        <value>Testvalue</value>
    </job>
    <job>
        <company>C</company>
        <value>Testvalue</value>
    </job>
</jobs>
Run Code Online (Sandbox Code Playgroud)

我想做的是生成自定义输出。我希望每个公司只有1条记录

想要的示例输出:

<jobs>
    <job>
        <company>A</company>
        <value>Testvalue</value>
    </job>
    <job>
        <company>B</company>
        <value>Testvalue</value>
    </job>
    <job>
        <company>C</company>
        <value>Testvalue</value>
    </job>
</jobs>
Run Code Online (Sandbox Code Playgroud)

我尝试的是以下内容:

如果公司不在数组中,则将其附加到数组中并将项目附加到另一个数组中。

(: loop through job in jobs :)
for $ad in //jobs/job
  (: firmenarray, "unique" ads :)
  let $companys := ()
  let $ads := ()
  (: declare company of ad:)
  let $company := $ad//company[1]
  (: if ad/company not within companyarray > add & …
Run Code Online (Sandbox Code Playgroud)

xquery xquery-3.0

1
推荐指数
1
解决办法
131
查看次数

Java导入包不会工作[编译器抛出误导性错误]

当我尝试导入另一个包时,它会抛出一些奇怪的错误.我正在使用eclipse并导入了humanBeeings这样的包:
在此输入图像描述

错误说:语法错误,@预期

我不知道怎么解决这个问题有谁有想法?
我已将@放在几个地方,但似乎没有任何作用

列表Collection Class的代码如下:

package listCollection;
import humanBeeings.Human;
import java.util.LinkedList;
import java.util.List;

    public class listCollection {
        List<Human> list = new LinkedList <Human>(); // <> zur spezifizierung der Objektklasse, nur Objekte dieser Klasse dürfen in die Liste
        list.add(new Human("Dennis", 20));
        list.add(new Human("vladimir", 33));
        for (Human h: list) { // für das Objekt der Objektklasse Human in der List
            System.out.println(h.getName());
        }
    }
Run Code Online (Sandbox Code Playgroud)

Human Class的代码看起来像这样..

package humanBeeings;

    public class Human {
        // Objekteigenschaften
        private String name;
        private int age; …
Run Code Online (Sandbox Code Playgroud)

java import

0
推荐指数
1
解决办法
148
查看次数

标签 统计

css ×1

html5 ×1

import ×1

java ×1

javascript ×1

reactjs ×1

xquery ×1

xquery-3.0 ×1