我正在尝试制作一个光标，它会像任何迪斯尼电影的介绍一样留下一抹魔尘：example。所以我认为它分为两部分。1. 轨迹和 2. 类似的轨迹下降和淡出。到目前为止，我已经使基本轨迹工作得很好，下面的代码用于下降轨迹，本质上是带有 css 动画的副本。
我遇到的问题是它经常抖动。我猜 css 动画对性能来说不是很好，并且导致它在我的页面上真正抖动。我刚刚阅读了 requestAnimationFrame 但我是新手，所以不确定如何实现它.. 我怎么能在这里使用 requestAnimationFrame 而不是 css 呢？
我还认为在 js 中创建动画自定义将允许在下降粒子的动画中也有一个随机偏移......更像在视频中。
window.addEventListener('mousemove', function (e) {
//trail
[1, .9, .8, .5, .25, .6, .4, .3, .2].forEach(function (i) {
var j = (1 - i) * 50;
var elem = document.createElement('div');
var size = Math.ceil(Math.random() * 10 * i) + 'px';
elem.style.position = 'fixed';
elem.style.zIndex = 6;
elem.style.top = e.pageY - window.scrollY + Math.round(Math.random() * j - j / 2) + 'px'; …我怎样才能在下面发生这种效果？我尝试了一堆方法,似乎我错过了一些东西.当我将.wrap div中的所有内容放在"MODAL CONTENT"div中时,它不再显示在任何地方.然后当我纠正css以正确地定位模态时#myModal modal-content .wrap {...,内容只是显示为彼此相邻的图像..我完全迷失了为什么会发生这种情况？有人可以解释我如何在模态中完成这项工作吗？
var lFollowX = 0,
lFollowY = 0,
x = 0,
y = 0,
friction = 1 / 30;
function moveBackground() {
x += (lFollowX - x) * friction;
y += (lFollowY - y) * friction;
translate = 'translate(' + x + 'px, ' + y + 'px) scale(1.1)';
$('.bg').css({
'-webit-transform': translate,
'-moz-transform': translate,
'transform': translate
});
window.requestAnimationFrame(moveBackground);
}
$(window).on('mousemove click', function(e) {
var lMouseX = Math.max(-100, Math.min(100, $(window).width() / 2 - e.clientX)); …我已经阅读了有关如何执行此操作的文章，并选择了该withRouter(({ history }) => history.push("/"));方法，但是下面的代码无法正常工作。我在做什么错？
import React from "react";
import SearchBox from "./SearchBox";
import { withRouter } from "react-router-dom";
class SearchParams extends React.Component {
handleSearchSubmit() {
withRouter(({ history }) => history.push("/"));
}
render() {
return (
<div className="search-route">
<SearchBox search={this.handleSearchSubmit} />
</div>
);
}
}
export default SearchParams;
我刚刚开始学习 Node 和 Puppeteer，所以提前原谅我是个菜鸟。
我的 index.html 页面上有一个简单的表单，我希望它从运行 Puppeteer 的 NODE 服务器上的函数返回 Instagram 个人资料的图像。在下面的代码中有一个 Index.HTML 文件和一个 Index.JS 文件，在 Index.HTML 文件中，单击按钮时，我只想使用传入用户名并运行该函数的 AJAX 请求来调用服务器在服务器上，将结果返回到 HTML 文件并将响应文本放入 .images div （我可以稍后分割结果并渲染 img 标签）
我有几个问题：
1：我正在 VSC 中使用 liveserver 插件运行 server.js，并且它正在运行该文件，http://127.0.0.1:5500/12_Puppeteer/12-scraping-instagram/index.js现在是端点吗？那么如何将用户名传递给服务器函数。在标头或网址中？能给我看看么？
2：在 Index.HTML 文件中的 AJAX 请求中，需要什么请求才能将用户名传递到服务器scrapeImages(username)函数并获取返回的内容？
。
这是我在 index.html 文件中尝试过的：
<body>
<form>
Username: <input type="text" id="username">
<button id="clickMe" type="button" value="clickme" onclick="scrape(username.value);">
Scrape Account Images</button>
</form>
<div class="images">
</div>
</body>
<script>
function scrape() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() { …