主页 / user-209766

Bim Bam's questions

Martin Hope
Bim Bam
Asked: 2020-04-19 20:42:21 +0000 UTC
  • 2

有一个 html 表单，用户可以在其中更改他的数据：

 <form action='/user/editProfile' id="edit-profile_form" method="post">
<ul class='profile-data'>
    <li class='profile-data_item persona-icon'>Никнейм: <input id='profile_nickname' name='nickname' type="text" placeholder="Никнейм:" value="{{myNickname}}"   :readonly="inputStatus == 1 ? true : false"></li>
    <li class='profile-data_item'>Имя: <input name='name' id='profile_name' type="text" placeholder="Имя:" value="{{myName}}"  :readonly="inputStatus == 1 ? true : false"></li>
    <li class='profile-data_item'>Фамилия: <input name='surname' id='profile_surname' type="text" placeholder="Фамилия:" value="{{mySurname}}"  :readonly="inputStatus == 1 ? true : false"></li>
    <li class='profile-data_item b-day-icon'>Возраст: <input name='age' id='profile_age' type="text" placeholder="Возраст:" value="{{myAge}}"  :readonly="inputStatus == 1 ? true : false"></li>
    <li class='profile-data_item place-icon'><input type="text" name='city' id='profile_city' placeholder="Город" value="{{myCity}}"  :readonly="inputStatus == 1 ? true : false">, <input name='country' id='profile_country' type="text" placeholder="Страна" value="{{myCountry}}"  :readonly="inputStatus == 1 ? true : false"></li>
    <li class='profile-data_item phone-icon'>Телефон: <input name='phoneNumber' id='profile_phoneNumber' type="text" placeholder="Телефон:" value="{{myPhoneNumber}}"  :readonly="inputStatus == 1 ? true : false"></li>
    <input type="hidden" name="_csrf" value='{{csrfToken}}' />
    <input type="submit" value="Submit" id="edit-profile_submit">
</ul>
</form>
以及应该将数据发送到服务器的 jquery/ajax 代码。

$("form").submit(function(e) {
        e.preventDefault();
        var csrf_token = {{csrfToken}};

        $("body").bind("ajaxSend", function(elm, xhr, s){
            if (s.type == "POST") {
                xhr.setRequestHeader('X-CSRF-Token', csrf_token);
            }
        });

        var pathname = window.location.href;
        $.ajax({
            type: "POST",
            url: '/user/editProfile',
            data: {
                name: $("#profile_name").val(),
                nickname: $("#profile_nickname").val(),
                surname: $("#profile_surname").val(),
                country: $("#profile_country").val(),
                city: $("#profile_city").val(),
                phoneNumber: $("#profile_phoneNumber").val(),
                age: $("#profile_age").val()
            },
            dataType: "html",
            contentType: "application/html, charset: UTF-*",
            success: function(data){
                console.log(data);
            },
        });
    });

但由于未知原因，当您单击提交时，该站点会跟随在 action='' 中指定的链接。由于某种原因 preventDefault 没有做它应该做的事情。问题是什么？版本 jquery 3.1.0，在服务器上，表单由代码处理...

router.post('/editProfile', isLoggedIn, function (req, res, next){
    var id = req.user._id;
    console.log(req.body);
    var nickname = req.body.nickname;
    var name = req.body.name;
    var surname = req.body.surname;
    var age = req.body.age;
    var city = req.body.city;
    var country = req.body.country;
    var phoneNumber = req.body.phoneNumber;

    User.findByIdAndUpdate(id, { $set: { nickname: nickname, name: name, surname: surname, age: age, city: city, country: country, phoneNumber: phoneNumber }}, function (err, user) {
        if (err) return handleError(err);
        console.log("ADDED!!!!!!!!!!!!!");
    });
});

结果，提交了表单并将新数据输入到数据库中，但是重新加载了页面，尽管我不需要它。
所有操作都发生在页面 /user/:userid

javascript
Martin Hope
Bim Bam
Asked: 2020-02-14 23:34:45 +0000 UTC
  • 0

在D:\nodejs\Project 我在终端 (webstorm) npm i express -s 中注册。该模块安装在D:\nodejs\node_modules 中（我需要将其保存在*D:\nodejs\Project\node_modules* 中）并且因为我希望将数据保存在 package.json 中（通过 -s），我也收到错误“ ENOENT：没有这样的文件或目录，打开'D：\ nodejs \ package.json'”。如何确保当我在 \Project 文件夹中时，我写 npm i express，express 安装在当前目录中，在 node_modules 文件夹中？项目，但为了模块安装在我所在的目录，我不知道该怎么做...我清理了它并重新安装了 node.js，它仍然没有帮助...帮助。

node.js
Martin Hope
Bim Bam
Asked: 2020-01-22 18:34:42 +0000 UTC
  • 0

index.ejs 页面不调用 script.js 脚本。

    <!doctype html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
    </head>
    <body>
        <div id="my">Lorem ipsum</div>
        <script src="/script.js"></script>
    </body>
    </html>

这是 script.js 本身：

alert(123);

据我了解，页面一打开，应该会立即弹出此警告，但它不存在......所有文件都在同一级别，在同一文件夹中。

这是 server.js 文件代码：

 var express = require('express');
var http = require('http');
var server = new http.Server();

var app = express();

app.set('port', 3000);
app.set('views', __dirname);

app.set('view engine', 'ejs');

http.createServer(app).listen(app.get('port'), function(){
   console.log('Express server listening on port' + app.get('port'));
});

app.use(function(req, res, next) {
    if (req.url == '/') {
        res.render("./index.ejs");
    } else {
        next();
    }
});
javascript
Martin Hope
Bim Bam
Asked: 2020-12-20 09:29:39 +0000 UTC
  • 0

这是带有工作示例的代码链接：http: //codepen.io/Bimbam/pen/rWPbpe

<ul class="cnap-items text-center">
  <li class="adm-tax">
     <p>Нажми на меня</p>
  </li>

问题是为什么这个块不是只向右扩展，而是主要向右扩展，向左扩展一点然后又回来了？在 transform-origin 的帮助下，我选择了 0% x、50% x、50% x 的坐标，使用 scaleX 我将其向右拉伸，但结果并不是我们想要的那样。我希望它是线性的，扩展到右侧......

javascript
Martin Hope
Bim Bam
Asked: 2020-12-04 00:02:03 +0000 UTC
  • 2

我是在网上看的，但是没看懂它是什么，它的范围是什么。为了与服务器交互，我使用 Node.js 作为 jQuery 客户端。但是每隔一个空缺就需要 Angular 的知识，这意味着出于某种原因仍然需要它。其实问题是，你个人是如何在实践中使用Angular的，它的重要性和必备性是什么？

维基百科的解释，ala“用于构建单页 Web 应用程序”根本没有告诉我任何信息。

javascript
Martin Hope
Bim Bam
Asked: 2020-11-05 03:34:32 +0000 UTC
  • 0

有必要在一页上显示不同标题的帖子，但是当我在代码中指定标题 2 和 3 时，它们会显示所有标题的所有帖子吗？在 wordpress 条目中，类别是正确的，可能是什么问题？ 

                        <?php $top_query = new WP_Query('showposts=-1'); ?>
                            <?php
                            if ( have_posts() ) : query_posts('cat=2');   // указываем ID рубрик, которые необходимо вывести.
                            while($top_query->have_posts()) : $top_query->the_post(); $first_post = $post->ID;
                            ?>

                            <div class="news-item">

                                <a href="<?php the_date('d.m.Y' ); ?>"><?php  the_post_thumbnail('full');?></a>
                                <h4 class="ni-title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h4>
                                <p class="ni-desc"><?php the_excerpt(); ?></p>
                                <div class="ni-footer clearfix">
                                    <a href="<?php the_permalink(); ?>" class="ni-more">читать далее</a>
                                    <span class="ni-date"><?php the_date('d.m.Y' ); ?></span>
                                </div>

                            </div>

                        <?php endwhile; ?>
                        <?php else : ?>
                        <?php endif; ?>
                        <?php wp_reset_query(); ?>
                </div>
                <div class="middle-news-block clearfix">
                    <?php $top_query = new WP_Query('showposts=-1'); ?>
                    <?php
                        if ( have_posts() ) : query_posts('cat=3');   // указываем ID рубрик, которые необходимо вывести.
                        while($top_query->have_posts()) : $top_query->the_post(); $first_post = $post->ID;
                    ?>

                        <div class="middle-news-item">
                            <a href="<?php the_permalink(); ?>">
                            <?php  the_post_thumbnail('full');?>
                            <h2 class="mni-title"><?php the_title(); ?></h2>
                            <span class="mni-date"><?php the_date('d.m.Y' ); ?></span>
                            </a>
                        </div>

                        <?php endwhile; ?>
                        <?php else : ?>
                        <?php endif; ?>
                        <?php wp_reset_query(); ?>

                </div>
php
Martin Hope
Bim Bam
Asked: 2020-10-28 23:34:15 +0000 UTC
  • 1

有一张图片是绝对定位的，我想在点击某个元素的时候用一个rotate来旋转它。但是，不知为何，对代码一点反应都没有，一切都死了

$(".red").click(function(){

        $(".elipse-style").animate({
            "-webkit-transform": "rotate(20deg)",
            "-moz-transform": "rotate(20deg)",
            "transform": "rotate(20deg)" 
        })

});

究竟是什么问题？

javascript
Martin Hope
Bim Bam
Asked: 2020-10-19 17:54:28 +0000 UTC
  • 2

有一种布局，周围的文字就像写在一个圆圈上一样，从圆圈上看，文字不仅是笔直的，而且还有一个内角。如何用 html 和 css 做到这一点？到目前为止，唯一想到的就是将每个字母单独定位，但这种方法似乎并不实用......在此处输入图像描述

html
Martin Hope
Bim Bam
Asked: 2020-10-09 02:00:52 +0000 UTC
  • 3

这是一个画布，您可以在上面用鼠标绘制任何东西。我的任务是将绘制的线的坐标存储在一个数组中。为此，我需要一个循环。但是对于每个新动作，所有变量都会被重置并再次调用。所以在这段代码中，alert (i) - 不断显示单位“1”，当我将坐标添加到数组时，它们总是落在同一个地方，而不是累加，它们只是简单地相互替换。

如何在数组中写入我需要的坐标？ 

window.onload = function() {
  canvas = document.getElementById("drawingCanvas");
  context = canvas.getContext("2d");

  canvas.onmousedown = startDrawing;
  canvas.onmousemove = draw;
};

function startDrawing(e) {
  // Начинаем рисовать
  isDrawing = true;

  // Создаем новый путь (с текущим цветом и толщиной линии) 
  context.beginPath();

  // Нажатием левой кнопки мыши помещаем "кисть" на холст
  context.moveTo(e.pageX - canvas.offsetLeft, e.pageY - canvas.offsetTop);
};

function draw(e) {

  if (isDrawing == true) {
    var i = 0;
    // Определяем текущие координаты указателя мыши
    var x = e.pageX - canvas.offsetLeft;
    var y = e.pageY - canvas.offsetTop;

    // Рисуем линию до новой координаты
    context.lineTo(x, y);
    context.stroke();


    var coord_arr = [];
    coord_arr.splice(i, 0, {
      x: x,
      y: y
    });


    i++;
    alert(i)
  }


};
javascript
Martin Hope
Bim Bam
Asked: 2020-09-20 04:32:30 +0000 UTC
  • 0

$(".inv_item").click(function(event){
   $(".set_input").val($(this).children("p").html() + "/");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class=inv_item>Добавить<p> этот текст</button>
<input value="тут уже что-то есть" class=set_input>

实际上在这段代码中，当您单击 .inv_item 时，文本将通过 .set_input 类输入到输入中。但问题是每次点击，输入中的文本都会被新文本替换，我需要不删除旧文本，并在其后添加新文本。

javascript
Martin Hope
Bim Bam
Asked: 2020-09-19 07:51:51 +0000 UTC
  • 3

实际上，当您将鼠标悬停在一个元素上时，它的“邻居”开始移动并扭曲整体画面。这怎么能解决？

.inv_item {
  display: inline-block;
  position: relative;
  margin-top: 5px;
  cursor: pointer;
}
.inv_item:hover {
  border: 1px solid #fff;
}
.inv_item img {
  width: 110px;
  height: auto;
  border-radius: 10px;
}
.inv_item p {
  position: absolute;
  bottom: 0px;
  left: 0px;
  min-width: 110px;
  text-align: center;
  font-size: 15px;
  background-color: rgba(0, 0, 0, 0.3);
  border-bottom-left: 10px;
  border-bottom-right: 10px;
}
<div class="inv_item">
  <img class="inv_img" src="http://www.adolph-numerical.co.uk/images/100x100.gif" alt="" />
  <p class="inv_name">Lorem ipsum</p>
</div>
<div class="inv_item">
  <img class="inv_img" src="http://www.adolph-numerical.co.uk/images/100x100.gif" alt="" />
  <p class="inv_name">Lorem ipsum</p>
</div>
<div class="inv_item">
  <img class="inv_img" src="http://www.adolph-numerical.co.uk/images/100x100.gif" alt="" />
  <p class="inv_name">Lorem ipsum</p>
</div>
<div class="inv_item">
  <img class="inv_img" src="http://www.adolph-numerical.co.uk/images/100x100.gif" alt="" />
  <p class="inv_name">Lorem ipsum</p>
</div>

css
Martin Hope
Bim Bam
Asked: 2020-09-17 08:16:05 +0000 UTC
  • 1

在一个页面上，加载的时候，需要显示：我通过API接收到的账户数据，包括解密json文件，上传约100张图片到页面，所以另外需要显示约4000（ !) 同一页面上的图片和数据库 (mysql) 中的名称。当页面加载时，这一切都是一次性的！

当我在正常情况下转到此页面时（我只是从数据库中删除数据并简单地当场解密 json），然后加载转换本身 10 秒，然后页面本身再加载 20 秒。在某些站点上，我看到了如何立即发生转换，并且数据似乎逐渐加载到其块中。同时，这对页面上其他元素的加载几乎没有影响。请告诉我这是什么样的魔法以及如何用谷歌搜索它？

php