小编Yan*_*Tay的帖子

如何通过PhantomJS触发MouseDown?

我试过了:

var clickEvent = document.createEvent('MouseEvents');
clickEvent.initEvent("mousedown", true, true);
jQuery('.left-rail-facets .facet-list .facet.CS .suggestion[data-value="B"] a')[0].dispatchEvent(clickEvent);
Run Code Online (Sandbox Code Playgroud)

但它无法触发网站上的操作.没有错误返回.

javascript phantomjs

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

jQuery:如何将事件委托与添加到嵌套div的类一起使用?

我正在尝试用嵌套的div和基本的jQuery编写这首诗.我的想法是先从类的一个DIV .active拥有display: block和所有其他div第一的S为孩子divdisplay: none.现在,当您单击第一个时div,它会.active从自身中删除该类(添加到.static现在只是更改颜色的类本身)并添加.active到其子项.实际上,孩子div变得可见.然后你点击那个孩子来揭示它的孩子,依此类推,直到诗的结尾:

$(".active").click(function() {
  $(this).removeClass("active").addClass("static");
  $(this).children("div").addClass("active")
});
Run Code Online (Sandbox Code Playgroud)

.active加载脚本时,只有第一个div的类存在于DOM中.点击在第一个div上工作,在下一个div上被忽略,如同这个小提琴:https: //jsfiddle.net/4ygfrtgb/1/

我试过像这样的事件委托:

$("div").on("click", ".active", function() {
  $(this).removeClass("active").addClass("static");
  $(this).children("div").addClass("active");
});
Run Code Online (Sandbox Code Playgroud)

然而,即便是第一个也没有div对点击做出反应.我知道委托对元素的子元素起作用,而我试图调用同一元素的类.

那么有没有办法通过在加载DOM之后添加的类来定位元素?

非常感谢你.

html javascript css jquery

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

无法使用Foundation CSS创建新项目

我刚开始使用Foundation CSS框架.所有安装都很好,但是当我尝试创建我的第一个项目时,我收到了这个错误.

foundation new
/usr/local/lib/node_modules/foundation-cli/lib/commands/info.js:7
module.exports = function(args = {}) {
                               ^

SyntaxError: Unexpected token =
    at exports.runInThisContext (vm.js:53:16)
    at Module._compile (module.js:373:25)
    at Object.Module._extensions..js (module.js:416:10)
    at Module.load (module.js:343:32)
    at Function.Module._load (module.js:300:12)
    at Module.require (module.js:353:17)
    at require (internal/module.js:12:17)
    at Object.<anonymous> (/usr/local/lib/node_modules/foundation-cli/lib/index.js:4:9)
    at Module._compile (module.js:409:26)
    at Object.Module._extensions..js (module.js:416:10)
Run Code Online (Sandbox Code Playgroud)

谢谢大家.

css frameworks zurb-foundation

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

webpack不支持require.extensions。改用装载机

我用express+ webpack3+ ejs+typescript

当我构建时,stdout输出会给我一些警告:

WARNING in ./node_modules/ejs/lib/ejs.js
require.extensions is not supported by webpack. Use a loader instead.
 @ ./src/environment.ts 4:10-24
 @ ./src/server.ts

WARNING in ./node_modules/ejs/lib/ejs.js
require.extensions is not supported by webpack. Use a loader instead.
 @ ./src/environment.ts 4:10-24
 @ ./src/server.ts

WARNING in ./node_modules/express/lib/view.js
80:29-41 Critical dependency: the request of a dependency is an expression
Run Code Online (Sandbox Code Playgroud)

这是一部分webpack.config.ts

import * as webpack from 'webpack';
import * as path from 'path';
import * as CopyWebpackPlugin …
Run Code Online (Sandbox Code Playgroud)

ejs node.js express typescript webpack

6
推荐指数
2
解决办法
5120
查看次数

如何为 Chrome Headless 模仿或设置插件

如何为 Selenium chrome 无头模拟或设置插件长度?我正在遵循本指南

我无法通过 Chrome 选项找到任何有关执行此操作的信息。

我想要这个的原因是我想让 chrome 无头尽可能无法检测。

请尝试以下操作。插件长度仍然是一个问题。

from selenium.webdriver.chrome.options import Options
from selenium import webdriver
options = Options()
options.add_argument("--headless");
user_agent = 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3240.0 Safari/537.36'
options.add_argument(f'user-agent={user_agent}')
options.add_argument("--lang=en-US,en");

driver = webdriver.Chrome(chrome_options=options)

driver.get('https://intoli.com/blog/making-chrome-headless-undetectable/chrome-headless-test.html')
driver.save_screenshot("screenshot5.png")

driver.close()
Run Code Online (Sandbox Code Playgroud)

正如你在下面看到的,插件长度仍然是可以检测到的。

在此处输入图片说明

这是可能的还是只是 selenium python 的限制?

python selenium headless python-3.x google-chrome-headless

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

Relay/Apollo片段的粒度应该是多少?

我在我的应用程序中使用GraphQL + Relay,发现自己几乎包含了所有组件createFragmentContainer,包括DOM层次结构中非常低的组件(通常是功能组件).

这是使用片段的正确方法吗?我想知道何时在片段容器中包装组件的准则是什么?当一个组件只需要一个字段并且我可以通过props从父节点传递那些数据时,似乎是多余的.

我正在使用Relay,但我认为这些概念与Apollo相似.

relay apollo reactjs graphql relayjs

6
推荐指数
2
解决办法
143
查看次数

React hooks:它们对共享状态管理有用吗,比如Redux?

有关于React钩子的炒作.太多的信息,我仍然不知道:钩子的出现是否意味着像Redux这样的库可以被扔到垃圾箱里?

到目前为止,我所理解的是钩子对于有状态的功能组件是有益的,共享状态呢?

state-management reactjs redux react-hooks

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

Docusaurus - 如何在新选项卡中打开外部链接?

我正在使用 Docusaurus,并且想在新选项卡中打开外部链接。

我更愿意使用代码来实现此目的,而不是根据此答案在我的 markdown 文档中编写 html 代码的解决方案。

我已经尝试过这个答案

[link](url){:target="_blank"}

以及这个答案

[Google](https://google.com" target="_blank)

我认为这篇文章可能会做我想要的,我尝试将代码添加到 _index.js,但 Docusaurus 停止构建。

(function() {
  var links = document.getElementsByTagName('a');
  for (var i = 0; i < links.length; i++) {
    if (/^(https?:)?\/\//.test(links[i].getAttribute('href'))) {
      links[i].target = '_blank';
    }
  }
})();
Run Code Online (Sandbox Code Playgroud)

我将 JavaScript 代码上传到GitHub并将其添加到siteConfig.js

// Add custom scripts here that would be placed in <script> tags.
  scripts: [
    "https://buttons.github.io/buttons.js",
    "https://msdcanderson.github.io/docusaurus-open-link-new-tab.github.io/open-link-new-tab.js"
  ],
Run Code Online (Sandbox Code Playgroud)

该脚本似乎已加载,但未按预期工作。

我希望用 Markdown 编写的链接能够在新的浏览器选项卡中打开:

[the rmarkdown website](https://rmarkdown.rstudio.com) …
Run Code Online (Sandbox Code Playgroud)

javascript markdown reactjs docusaurus

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

反应单选按钮不更新选择

尝试 React 收音机,但奇怪的是收音机选择不会更新它的视图。谁能看看下面的代码,让我知道出了什么问题?

  class Test extends React.Component {
    constructor(props){
    super(props);

    this.state = {
      radioVal: "first"
    }
  }

  handleRadioSelection(e){
    e.preventDefault();

    this.setState({
      radioVal:e.target.value
    })
  }

    render(){
      return (
        <div>
            <label>
            <input type="radio" onChange={this.handleRadioSelection.bind(this)} 
            checked={ this.state.radioVal==="first"} 
            value="first" 
            name="radio1" /> 1 <br />
          </label>

          <label>
            <input type="radio" onChange={this.handleRadioSelection.bind(this)} 
            checked={this.state.radioVal==="second"} 
            value="second" 
            name="radio1" /> 2 <br />
          </label>
            { "Selected: " } {this.state.radioVal}
        </div>
    )
  }
}

React.render(<Test />, document.getElementById('container'));
Run Code Online (Sandbox Code Playgroud)

javascript radio reactjs

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

由于未知的 Markdown 错误,无法启动 Docusaurus 2 网站

当为我的 docusaurus 2 网站启动纱线时,我看到该网站正在本地主机上运行(http://localhost:3000/)。但是,我注意到存在未终止的 JSX 内容错误。尽管降价是正确的。

这是出现的错误:

  76 | </li>
  77 | </ul>
> 78 |     </MDXLayout>
     |                 ^
  79 |   )
  80 | };
  81 | MDXContent.isMDXComponent = true
Run Code Online (Sandbox Code Playgroud)

docusaurus

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