小编wjo*_*son的帖子

如何从模板中使用shadow DOM装饰的HTML元素中删除阴影根?[网站组件]

我在Chrome Canary(33.0.1712.3)中探索导入,模板,影子DOM和自定义元素.在网格布局中,我有一个特定的内容元素(显示区域),它将显示从文件导入的不同Web组件或克隆的轻型DOM片段.但是,一旦添加了阴影DOM,我就无法重新显示普通的HTML DOM,因为我不知道如何删除阴影根.一旦创建,阴影根就会保留并干扰普通DOM的呈现.(我已经查看了各种W3C规范,例如Web组件介绍,影子DOM,模板,Bidelman关于HTML5 Rocks的文章等).我在下面的一个简单示例中找到了问题:

点击"show plain old div"; 点击"显示阴影模板"; 点击"show plain old div".每次点击后检查devtools.第三次点击后,按钮下面没有输出,在我看到的devtools中:

<div id="content">
  #document-fragment
  <div id="plaindiv">Plain old div</div>
</div>
Run Code Online (Sandbox Code Playgroud)

我需要添加什么来removeShadow()来删除阴影根并完全将内容元素重置为其初始状态?

removing_shadows.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>

  <template id="shadowedTemplateComponent">
    <style>
      div { background: lightgray; }
      #t { color: red; }
    </style>

    <div id="t">template</div>

    <script>console.log("Activated the shadowed template component.");</script>
  </template>

  <template id="plainDiv">
    <div id="plaindiv">Plain old div</div>
  </template>
</head>

<body>
<div>
  <input type="button" value="show plain old div" onclick="showPlainOldDiv()"/>
  <input type="button" value="show shadowed template" onclick="showShadowTemplate()"/>
  <div id="content"></div>
</div> …
Run Code Online (Sandbox Code Playgroud)

html web-component shadow-dom html5-template

9
推荐指数
2
解决办法
2万
查看次数

Gradle没有加载从buildrc中放置的Java源编译的Java类文件

我在groovy中实现了一个自定义任务.如果我为它在groovy(X.groovy)中实现它提供了一个实用程序类并将它放在buildsrc中,那么任务就可以了.如果我在Java(Y.java)中实现等效类并将其放在同一目录中,则任务失败并显示以下错误消息:

:buildsrc:compileGroovystartup failed:
General error during conversion: Could not load class 'com.myinc.gradle.api.data.Y' 
from file:/project/buildsrc/build/classes/main/com/myinc/gradle/api/data/Y.class.
Run Code Online (Sandbox Code Playgroud)

Y.class文件存在于错误消息中指定的位置.当Y.java位于任何常用位置时,构建失败:

buildsrc/src/main/groovy/.../Y.java<br>
buildsrc/src/main/java/.../Y.java
Run Code Online (Sandbox Code Playgroud)

Gradle文档说"您可以将构建源代码放在此目录中并坚持Java/Groovy项目的布局约定",并将应用其默认的buildsrc构建脚本.
来源:http://www.gradle.org/docs/current/userguide/organizing_build_logic.html#sec : build_sources

Project Layout允许Groovy源目录包含Groovy和Java代码.
资料来源:http://www.gradle.org/docs/current/userguide/groovy_plugin.html#sec : groovyCompile

复制:

项目/的build.gradle:

task t (type: sample.MyTask) {
  println "configuring task"
}
Run Code Online (Sandbox Code Playgroud)

项目/ buildsrc/src目录/主/常规/样本


MyTask.groovy

package sample

import org.gradle.api.DefaultTask
import org.gradle.api.tasks.TaskAction

class MyTask extends DefaultTask {
  @TaskAction
  public void task() {
    println 'task action'
    new X().m()
//  new Y().m()    // uncommenting this line should generate an error …
Run Code Online (Sandbox Code Playgroud)

java groovy gradle

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

可以将std :: cout重定向到Visual Studio 2010 C++开箱即用的输出视图吗?

我想知道是否可以在最新版本的VS中通过一个简单的设置来完成这个操作,这个设置会导致VS在Eclipse IDE中以与"ContextMenu">"a_Java_src_file_with_main"相同的方式运行.我在新的W7平台上使用VS 2010 Pro的试用版.即使是添加到从"空"模板生成的项目中的最小helloworld cpp源文件也会重定向到命令窗口.

同样的问题3年前:
在Visual Studio 2005输出窗口中捕获cout?
9个月前:
如何将stdout重定向到visual studio的输出窗口

我知道使用OutputDebugString(...)并将流重定向到文件作为替代.
捕获控制台输出以在VS中进行调试?

visual-studio-2010

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

如何调试使用异步的命令行Dart应用程序?(断点不起作用)

IntelliJ或Dart编辑器中的调试器不会在此代码的断点处停止:

main() async {
    var x = 1;
    bool stop = true; // breakpoint here
}
Run Code Online (Sandbox Code Playgroud)

...但是对于这段代码:

main() {
    var x = 1;
    bool stop = true; // breakpoint here
}
Run Code Online (Sandbox Code Playgroud)

Dart SDK 1.8.3和两个IDE上的最新稳定版本.

dart dart-async

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

如何在具有多个 GPU(OpenCL 1.1)的平台上以编程方式发现特定 GPU?

我的 Mac Pro (OSX 10.7) 有两个 GPU。系统信息应用程序显示图形/显示的以下详细信息:

    ATI Radeon HD 5770:
       总线:PCIe
       插槽:Slot-1
       供应商:ATI (0x1002)
       设备 ID:0x68b8
       ...

    ATI Radeon HD 5770:
      总线:PCIe
      插槽:Slot-2
      设备 ID:0x68b8
      显示:
        LED影院显示:
          主显示器:是
          ...

我想使用未连接到显示器的 GPU 在 Java 应用程序中使用低级绑定到 OpenCL 1.1 进行计算。如何以编程方式发现插槽 1 中的 GPU 设备?

从我的日志文件中显示设备信息查询的结果:

... Device ATI Radeon HD 5770[AMD]: vendorId[1021b00] ...
... Device ATI Radeon HD 5770[AMD]: vendorId[2021b00] ...
Run Code Online (Sandbox Code Playgroud)

相关文章:如何在多 GPU 系统中给定 PCI 供应商、设备和总线 ID,将 OpenCL 设备与特定 GPU 匹配?

opencl

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

如何在 Polymer.dart 元素中嵌入 D3 图表?

浏览器:Dartium 版本 34.0.1847.0 (258268)

我想将 D3 嵌入到 Polymer.dart 元素中,我才刚刚开始理清 Dart 和 JS 的互操作方式。我首先使用 D3 的介绍性教程中的 HTML5/CSS3/JS 创建一个普通的 HTML 页面,教程关于如何制作条形图以确保我的 D3 实现在 Dartium 中工作。

然后我将 D3 代码移动到自定义聚合物元素(如下所示)及其配套的 dart 源文件(未显示)中。如何指示 D3 在 shadow DOM 中执行其选择?

<!-- D3 code copied from: http://bost.ocks.org/mike/bar/ -->
<polymer-element name="dart-js">
    <template>
        <!-- D3 style -->
        <style>
            .chart div {
                font: 10px sans-serif;
                background-color: steelblue;
                text-align: right;
                padding: 3px;
                margin: 1px;
                color: white;
            }
        </style>

        <content>
            <!-- D3 container -->
            <div class="chart">inside dart-js shadow-root</div>

            <!-- …
Run Code Online (Sandbox Code Playgroud)

d3.js dart dart-polymer

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