小编bod*_*ine的帖子

我试过这个:

browser.actions().keyDown(protractor.Key.ENTER).keyUp(protractor.Key.Enter).perform();

这给出了错误:

Error: Not a modifier key

我似乎无法通过测试成功获得PhantomJS.我试图将它集成到我的项目中,但在那之后我尝试运行基本的Angular Docs示例,我遇到了同样的问题.我到目前为止的步骤:

• npm install -g phantomjs
• phantomjs --webdriver=9515 // ... GhostDriver - Main - 在端口9515上运行
• protractor protractorConf.js

这是仅包含browserName的示例中的同一文件,并且seleniumAddress端口已更改:

// An example configuration file.
exports.config = {
  // The address of a running selenium server.
  seleniumAddress: 'http://localhost:9515',

  // Capabilities to be passed to the webdriver instance.
  capabilities: {
    'browserName': 'phantomjs'
  },

  // Spec patterns are relative to the current working directly when
  // protractor is called.
  specs: ['onProtractorRunner.js'],

  // Options to be passed to Jasmine-node.
  jasmineNodeOpts: {
    showColors: true,
  }
}; …

var myObj = {"suppliers":[{"name":"supplier1","12m":"0.08","24m":"0.06"}]};

alert(myObj.suppliers[0].12m);

是否有不同的方法来获取此属性,或者我应该不使用以数字开头的键？

我已经看到围绕这个跳舞的几个问题,所以我希望这不是多余的.理想情况下,我想要一个image/svg+xml可以扩展到100%容器的容器. Colorzilla让我有了一个很好的开始data:image/svg+xml

<?xml version="1.0" ?>
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none">
  <linearGradient id="grad-ucgg-generated" gradientUnits="userSpaceOnUse" x1="0%" y1="0%" x2="100%" y2="0%">
    <stop offset="0%" stop-color="#ffffff" stop-opacity="0"/>
    <stop offset="100%" stop-color="#ff0000" stop-opacity="1"/>
  </linearGradient>
  <rect x="0" y="0" width="1" height="1" fill="url(#grad-ucgg-generated)" />
</svg>

注意:width="100%" height="100%"我想采用这个渐变并旋转它,比如65deg HTML5 canvas API为我提供了一个很好的方法来构建这个图像,然后使用.toDataURL()PNG来填充IE8和IE7,但我想要一些可扩展的IE9 .

所以目标是复制这个:

background: linear-gradient(bottom, rgba(239, 239, 214,0) 0%, rgba(239, 239, 214,.8) 100%),
linear-gradient(left,  rgba(239, 239, 214,0) 60%,rgba(207, 223, 144,1) 100%),
linear-gradient(right, rgba(239, 239, 214,0) 0%,rgba(239, 239, 214,1) 60%), …

假设我有一个功能:

angular.forEach(myElements, function prepareElements(myEl: HTMLElement, index) {
    myEl.dataset.myProperty = "whatever";
})

我得到的问题是 error TS2094: The property 'myProperty' does not exist on value of type 'DOMStringMap'

我真的不明白interface的lib.d.ts

interface DOMStringMap {
}
declare var DOMStringMap: {
    prototype: DOMStringMap;
    new (): DOMStringMap;
}

后来......

interface HTMLElement {
    dataset: DOMStringMap;
    hidden: boolean;
    msGetInputContext(): MSInputMethodContext;
}

这只是我还是有点不清楚？

我试过施展它<DOMStringMap>myEl.dataset.myProperty = "whatever",什么都没做......

我通常会听到,因为实时NodeLists是"坏" (参见这篇Zakas文章),并且通知了querySelectorAll返回静态的决定HTMLCollection.为什么人们认为实时NodeLists是一件坏事？代码示例可能有助于我理解这一点.

如果,每当我关心使用缓存的节点集合的值进行任何计算时,集合恰好不是一个陈旧的快照,我就不能真正看到它是一个"坏"的东西.

我完全理解用CSS Selector字符串选择元素有多么有用,但如果我只能在获取它后立即可靠地运行代码,那么它似乎比live更有用NodeList.

我想验证伪元素的文本内容.承诺从使用中返回ptor.executeScript("window.getComputedStyle(jQuery('.my-class')[0], ':after').content").then(function(data){ console.log(arguments) // {'0':null} });

我也试过在预期中放弃它,但我猜这是因为同样的原因失败了.

既然CSS声明指向了元素的一个属性,我应该尝试读取该属性吗？