有人可以解释为什么这段代码不起作用。在运行之前我有一个控制台日志,它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) <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-size为2em使用 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.
我有一个 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) 我不明白为什么字符数显示为“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) javascript ×2
html ×1
jquery ×1
materialize ×1
nuxt.js ×1
puppeteer ×1
vue.js ×1
vuex ×1
vuex-modules ×1