質問編集履歴
4
コードを間違えた
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
for (let i = 0; i < data.length; i++) {
|
|
27
27
|
この中はsvgをいじっくて棒を伸ばす処理です。
|
|
28
28
|
イベントなどは一切はいっていません。
|
|
29
|
+
await sl();
|
|
29
30
|
}
|
|
30
|
-
await sl();
|
|
31
31
|
}
|
|
32
32
|
```
|
3
追加した
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -17,4 +17,16 @@
|
|
|
17
17
|
|
|
18
18
|
WordPressに詳しい方何か解るでしょうか？
|
|
19
19
|
|
|
20
|
-
また、原因としてScroll Jankと言うものを知りましたが、そもそも上記に書いたようにイベント系のコードは一切含めていません。
|
|
20
|
+
また、原因としてScroll Jankと言うものを知りましたが、そもそも上記に書いたようにイベント系のコードは一切含めていません。
|
|
21
|
+
|
|
22
|
+
おおまかなコードです
|
|
23
|
+
```javascript
|
|
24
|
+
var sl = () => new Promise(resolve => setTimeout(resolve, 50));
|
|
25
|
+
async function draw() {
|
|
26
|
+
for (let i = 0; i < data.length; i++) {
|
|
27
|
+
この中はsvgをいじっくて棒を伸ばす処理です。
|
|
28
|
+
イベントなどは一切はいっていません。
|
|
29
|
+
}
|
|
30
|
+
await sl();
|
|
31
|
+
}
|
|
32
|
+
```
|
2
追加した
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -15,4 +15,6 @@
|
|
|
15
15
|
いろいろ試した結果、このメッセージはWordPress上に対象HTMLページを設置すると表示されます。
|
|
16
16
|
WordPressではなく適当なフォルダを作って設置すると表示されません。
|
|
17
17
|
|
|
18
|
-
WordPressに詳しい方何か解るでしょうか？
|
|
18
|
+
WordPressに詳しい方何か解るでしょうか？
|
|
19
|
+
|
|
20
|
+
また、原因としてScroll Jankと言うものを知りましたが、そもそも上記に書いたようにイベント系のコードは一切含めていません。
|
1
追加した
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,11 +1,18 @@
|
|
|
1
1
|
Added non-passive event listener to a scroll-blocking 'touchmove' event. Consider marking event handler as 'passive' to make the page more responsive
|
|
2
2
|
|
|
3
|
-
上記のようなメセージが出まくっています。
|
|
3
|
+
上記のようなメセージがChromeのデベロッパーツールのコンソールに出まくっています。
|
|
4
|
-
ググると下記のようなコードで解決するみたいなことが書いてあるのですが解決しません
|
|
5
|
-
document.addEventListener('touchstart', handler, {passive: true});
|
|
6
4
|
|
|
5
|
+
ググると下記のようなコードで解決するみたいなことが書いてあるのですがコードに含めても解決しません
|
|
6
|
+
document.addEventListener('wheel', event => {}, {passive: true});
|
|
7
|
+
document.addEventListener('mousewheel', event => {}, {passive: true});
|
|
8
|
+
document.addEventListener('touchstart', event => {}, {passive: true});
|
|
9
|
+
document.addEventListener('touchmove', event => {}, {passive: true});
|
|
10
|
+
|
|
7
11
|
プログラムはCSVデータを読み込んでアニメーションで棒グラフの棒を伸ばす、ただそれだけです。
|
|
8
12
|
ボタンなどのリスナーはひとつも設置してません。ブラウザの表示とともに棒グラフをアニメーションで表示するだけです。
|
|
9
13
|
for文でデータを1行づつ読み込み棒グラフの棒を伸ばします。その1行読み込むごとに上記のエラーが表示されます。
|
|
10
14
|
|
|
11
|
-
|
|
15
|
+
いろいろ試した結果、このメッセージはWordPress上に対象HTMLページを設置すると表示されます。
|
|
16
|
+
WordPressではなく適当なフォルダを作って設置すると表示されません。
|
|
17
|
+
|
|
18
|
+
WordPressに詳しい方何か解るでしょうか？
|