小编Nic*_*ter的帖子

Puppeteer page.evaluate 未按预期工作

有人可以解释为什么这段代码不起作用。在运行之前我有一个控制台日志,它page.evaluate()记录了我期望的内容,但里面的控制台日志page.evaluate从未运行。

const puppeteer = require('puppeteer');

(async () => {
  try {
    const browser = await puppeteer.launch();
    const page = await browser.newPage();
    await page.goto('https://www.example.com');
    page.on('response', async response => {
      const url = response.url();
      if (url.includes('something')) {
        console.log('this code runs');
        await page.evaluate(() => {
          console.log("this code doesn't run");
        });
      }
    });    
  } catch (err) {
    console.log(err);
  }
})();

Run Code Online (Sandbox Code Playgroud)

puppeteer

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

使用 Javascript 更改类的字体大小

<div id="release-0">
  <p class="release-4"> Here is some text, add a class "done" to the parent div</p>
</div>

<div id="release-1">
  <p>remove the #release-1 div</p>
</div>

<h1>Change this text to finish release 2</h1>

<div id="release-3">
  <p class="release-4"> add CSS to this div</p>
</div>
Run Code Online (Sandbox Code Playgroud)

如何选择所有出现的类.release-4并将其更改text-size2em使用 Javascript?

我试过这个:

document.getElementsByClassName("release-4").style.fontSize = "2em";
Run Code Online (Sandbox Code Playgroud)

但这不起作用。

这确实有效:

document.getElementsByClassName("release-4")[0].style.fontSize = "2em";
Run Code Online (Sandbox Code Playgroud)

但它只选择第一次出现的.release-4.

javascript

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

Nuxt 从 JS 文件访问存储(在模块模式下)

我有一个 AuthService,在 Nuxt 应用程序的命名空间存储中使用。我需要将 AuthService 的突变提交到命名空间存储,但我不知道如何将存储导入到我的 AuthService 中。

我见过将商店导入 JS 文件的示例,但商店是在 Vue 应用程序中显式定义的。因为我在商店中使用 Nuxt 的模块模式,所以我不确定可以将商店导入 AuthService 文件的根路径。据我了解,当使用“模块模式”时,Nuxt 会在幕后处理创建根存储和所有命名空间存储

我的 Nuxtstore目录包括index.js(它是空的)并且auth.js其中包含我想从 AuthService 调用的突变。

auth.js

import AuthService from '../firebase/authService'

const authService = new AuthService()

export const state = () => ({
  user: null
})

export const mutations = {
  setUser (state, user) {
    state.user = user
  }
}

export const actions = {
  async signUp ({ commit }, payload) {
    try {
      await authServices.createUser(payload)
      return Promise.resolve() …
Run Code Online (Sandbox Code Playgroud)

vue.js vuex nuxt.js vuex-modules

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

实现(框架)字符数

我不明白为什么字符数显示为“1/101/10”。

在此处输入图片说明

代码笔:http ://codepen.io/anon/pen/avdbLG

看来“/101/”是最大限制(10)和当前计数(1)的组合。当您在该字段中键入时,“/101/”会随着键入的字符数量而增加。

HTML:

<div class="row">
  <form class="col s12">
    <div class="row">
      <div class="input-field col s6">
        <input id="input_text" type="text" length="10">
        <label for="input_text">Input text</label>
      </div>
    </div>
    <div class="row">
      <div class="input-field col s12">
        <textarea id="textarea1" class="materialize-textarea" length="120"></textarea>
        <label for="textarea1">Textarea</label>
      </div>
    </div>
  </form>
</div>
Run Code Online (Sandbox Code Playgroud)

JS:

$(document).ready(function() {
  $('input#input_text, textarea#textarea1').characterCounter();
});
Run Code Online (Sandbox Code Playgroud)

html javascript jquery materialize

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