我遇到了一个有趣的问题。
问题： foo.x 等于什么？
var foo = {n: 1};
var bar = foo;
foo.x = foo = {n: 2};
答案：undefined。据我了解，foo.x最后一行的 , 指的是旧链接foo，同时将属性设置为x新链接的值foo。在这种情况下 ? 的引用的分配和替换如何工作foo？
有没有办法将 Webpack 配置为在 dist 中有 2 个 html 文件和 2 个 css 文件，每个 css 文件都连接到特定的 html？虽然事实证明只在一个文件中收集所有内容
请帮助理解。如果有第二种方法，为什么需要构造函数？它们有何不同？第一种创建对象的方法：
function createUser(name, age) {
return {
name: name,
age: age,
displayInfo: function () {
console.log("Имя: " + this.name + " возраст: " + this.age);
},
driveCar: function (car) {
console.log(this.name + " ведет машину " + car.name);
}
};
}
第二种创建对象的方法：
function User(name, age) {
this.name = name;
this.age = age;
this.displayInfo = function () {
console.log("Имя: " + this.name + "; возраст: " + this.age);
};
this.driveCar = function (car) {
console.log(this.name + " ведет машину " + car.name);
};
}
有一个表格，用户在其中选择所需的许可证数量、总费用等，输入姓名、电话号码和邮件，然后将其发送到我的邮箱。问题是只有姓名和邮件字段的信息才能进入邮件，其余的都是空的。
我不明白可能是什么问题，请帮忙）标记：
<form id="contact_form" method="post" action="php/mail.php">
<input type="button" value="−" id="minus" class="mycount button-minus">
<p id="count" name="lisence_count" class="mycount simple-count">1</p>
<input type="button" value="+" id="plus" class="mycount button-plus">
<input type="text" id="name" name="name" class="myinfo" placeholder="Ваше имя">
<input type="text" id="phone" name="phone" class="myinfo" placeholder="Телефон">
<input type="email" id="email" name="email" class="myinfo" placeholder="Email">
<button type="submit" id="send-button" class="submit-button">Подключить<span id="current-price" name="price" class="tarif-price">$10</span></button>
</form>
JS：
$('#contact_form .submit-button').on('click', function() {
//берем путь php обработчика
order_url = $('#contact_form').attr('action');
//посылаем асинхронный запрос на сервер и передаем все данные формы
$.post(order_url,{
name: $('#contact_form input[name=name]').val(),
tel: $('#contact_form input[name=phone]').val(),
email: $('#contact_form input[name=email]').val(),
lisence_count: $('#contact_form #count').val(),
price: $('#contact_form #current-price').val(),
send: "1"
}, "html");
return false;
});
PHP：
header('Content-type: text/html; charset=utf-8');
error_reporting(0);
if(!empty($_POST['send'])) {
$name = substr(htmlspecialchars(trim($_POST['name'])), 0, 300);
$tel = substr(htmlspecialchars(trim($_POST['phone'])), 0, 100);
$email = substr(htmlspecialchars(trim($_POST['email'])), 0, 100);
$lisence = substr(htmlspecialchars(trim($_POST['lisence_count'])), 0, 100);
$price = substr(htmlspecialchars(trim($_POST['price'])), 0, 100);
$ip = $_SERVER['REMOTE_ADDR'];
$mess = "Имя: <b>".$name."</b><br />";
$mess .= "Телефон: <b>".$tel."</b><br />";
$mess .= "Email: <b>".$email."</b><br />";
$mess .= "Количество лицензий: <b>".$lisence."</b><br />";
$mess .= "Цена: <b>".$price."</b><br />";
mail("thisismymail@gmail.com", $theme, $mess, "From: GSuite \nContent-Type: text/html;\n charset=utf-8\nX-Priority: 0");
}
else {
echo "<h2>Ошибка! Попробуйте еще раз.</h2>";
}
有必要通过单击按钮启动增加每个块的功能（第一个在 500 毫秒后，第二个在 1 秒后，等等），在增加所有块之后，所有块都应该同时减小到它们的初始大小。此外，所有这些都应该重复几次，例如 10 次。问题是，当循环开始时，它不会遍历所有内容一次，之后必须再次执行，而是开始执行每一行 10 次，然后进入下一行，执行 10 次，依此类推上。结果，循环基本上只运行一次。我不知道还能尝试什么，这是实现图标动画所必需的：Infinite Icon Animation with JQuery，直到我想通了并通过css动画实现了它，但是这项技术的能力并不能让我完全实现我所需要的。
HTML：
$('.buttons').click(function transform() {
debugger
for (var i = 0; i < 10; i++) {
setTimeout(function() {
$('div.element1').css('padding', '80px');
}, 500);
setTimeout(function() {
$('div.element2').css('padding', '80px');
}, 1000);
setTimeout(function() {
$('div.element3').css('padding', '80px');
}, 1500);
setTimeout(function() {
$('div.element4').css('padding', '80px');
}, 2000);
setTimeout(function() {
$('div.element5').css('padding', '80px');
}, 2500);
setTimeout(function() {
$('div.element6').css('padding', '80px');
}, 3000);
setTimeout(function() {
$('div.element7').css('padding', '80px');
}, 3500);
setTimeout(function() {
$('div.element1').css('padding', '70px');
$('div.element2').css('padding', '70px');
$('div.element3').css('padding', '70px');
$('div.element4').css('padding', '70px');
$('div.element5').css('padding', '70px');
$('div.element6').css('padding', '70px');
$('div.element7').css('padding', '70px');
}, 4000);
}
})<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="schema">
<div class="element1">1</div>
<div class="element2">2</div>
<div class="element3">3</div>
<div class="element4">4</div>
<div class="element5">5</div>
<div class="element6">6</div>
<div class="element7">7</div>
<input type="button" class="buttons">
</div>