我在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) 我在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) 我想知道是否可以在最新版本的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中进行调试?
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上的最新稳定版本.
我的 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)
浏览器: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) dart ×2
d3.js ×1
dart-async ×1
dart-polymer ×1
gradle ×1
groovy ×1
html ×1
java ×1
opencl ×1
shadow-dom ×1