John提出的问题

John

Asked: 2020-02-23 17:10:38 +0800 CST

如何在扩展运算符中设置默认值

0

资料来源：

图像.js

export const makeImage = ({...prop}) =>{
    const img = document.createElement('img')

        for(let key in prop){
        if(prop.hasOwnProperty(key)){

            img[key] = prop[key]
        }

    }


    return img
}

main.js

import { makeImage } from './url-loader'
import imgUrl from './url-loader/webpack-logo.jpg'


let  NewImg = makeImage({
        src: imgUrl,
        height: '100',
        width: '100',
        alt: 'webpack-logo',
        title: "webpack"
})

问题：

如果你突然不问，例如：heightorwidth等。 如何使它们成为默认值？

John

Asked: 2020-08-06 20:09:31 +0800 CST

为什么固定块独立于相对定位？

0

资源： 链接

问题： 我想知道为什么固定定位不依赖于相对定位？确实，在这个源中菜单是固定的，但是当我设置菜单时width:100%，它不会调整宽度.container，即使是position: relative，伙计们，如何解决这个问题？

John

Asked: 2020-07-13 00:12:55 +0800 CST

页面在 A4 格式的打印输出上无法正确显示

1

资源：

<!doctype html>
<html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Notification of Treatment Stimulant Medicines</title>

    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/styles.css">
        <link rel="stylesheet" type="text/css" href="css/styles.css" media="screen" /> <link rel="stylesheet" type="text/css" href="printstyles.css" media="print" />
</head>

    <body>
    <div class="container">

        <form class="form" action="">
            <div class="form__border-title margin-b">
               <strong> 1. Lorem ipsum.</strong>
            </div>
            <div class="form__wrap margin-b display-f">

                <div class="form__checkbox">
                    <p class="check">
                        <span class="line line-1"></span>
                        <span class="line line-2"></span>
                    </p>
                    <p>New</p>
                </div>

                <div class="form__checkbox">

                    <p class="check">
                        <span class="line line-1"></span>
                        <span class="line line-2"></span>
                    </p>
                    <p>Lorem ipsum dolor sit.</p>
                </div>
                <div class="form__checkbox">

                    <p class="check">
                        <span class="line line-1"></span>
                        <span class="line line-2"></span>
                    </p>
                    <p>Lorem ipsum dolor sit.</p>
                </div>
            </div>
            <div class="form__wrap margin-b">
                <div class="form__input">
                <strong class="text">Reason for terminations:</strong>
                <input type="text" value="" >
            </div>
            </div>
            <div class="form__border-title margin-b">
                <strong> 2. Lorem ipsum.</strong>
            </div>

            <div class="form__wrap display-f margin-b">
                <div class="form__input form__input_firstname">
                    <strong class="text">First name:</strong>
                    <input type="text" value="" >
                </div>
                <div class="form__input form__input_surname">
                    <strong class="text">Surname:</strong>
                    <input type="text" value="" >
                </div>
                <div class="form__input form__input_dob">

                    <strong class="text">DOB:</strong>
                    <input type="text" value="" >
                </div>
            </div>

            <div class="form__wrap display-f  margin-b form__wrap_overflow">
                <div class="form__input form__input_address">
                    <strong class="text">Address:</strong>
                    <input type="text" value="" >
                </div>
                <div class="form__input form__input_suburb">
                    <strong class="text">Suburb:</strong>
                    <input type="text" value="" >
                </div>
                <div class="form__input form__input_postcode">

                    <strong class="text">Postcode:</strong>
                    <input type="text" value="" >
                </div>
            </div>

            <div class="form__wrap margin-b display-f  ">
                <div class="form__input form__input_aliases">
                    <strong class="text">Aliases:</strong>
                    <input type="text" value="" >
                </div>
                <div class="form__input form__input_gender">
                    <strong class="text text_gender">Gender:</strong>
                    <div class="form__checkbox form__checkbox_gender">
                        <p class="check">
                            <span class="line line-1"></span>
                            <span class="line line-2"></span>
                        </p>
                        <p>Male</p>
                    </div>

                    <div class="form__checkbox form__checkbox_gender">


                        <p class="check">
                            <span class="line line-1"></span>
                            <span class="line line-2"></span>
                        </p>
                        <p>Female</p>
                    </div>

                    <div class="form__checkbox form__checkbox_gender">

                        <p class="check">
                            <span class="line line-1"></span>
                            <span class="line line-2"></span>
                        </p>
                        <p>Unspecified</p>
                    </div>

                </div>

            </div>


        </form>
    </div>

    </body>

    <script>
       let check =  document.querySelectorAll('.form__checkbox .check');


       for (let i = 0; check.length > i; i++){
           check[i].addEventListener('click', function () {
               check[i].classList.toggle('active');
           })
       }
    </script>

</html>

链接到codeopen

这是转换为PDF后的结果

您可能会注意到复选框的背景也未显示。

在 HTML 中 - 所有规则！

概括：

页面本身看起来是正确的，但是当我尝试打印输出并转换为 PDF 文件（Ctrl + P）时，它看不到选中的复选框，并且复选框的背景丢失了

问题： 如何修复这个错误？

John

Asked: 2020-07-04 17:46:35 +0800 CST

jquery中特定元素的事件上下文

0

资源：

产品卡片

let product     = $('.product');
  let productLink = product.find('.product__link');
  let productFrame = product.find('.product__frame');
  let productImages = product.find('.product__images');

  product.on('mouseover', function () {

    productLink.html('detail').addClass('visible');
    productFrame.addClass('active');
    productImages.addClass('hidden');

  });

  product.on('mouseout', function () {

    productLink.html('').removeClass('visible');
    productFrame.removeClass('active');
    productImages.removeClass('hidden');

  });

概括：

在这个布局中，有需要动画的产品卡片。当光标悬停在产品卡片上时，出于某种原因，它会应用于所有人。我试图通过循环，jq 仍然发誓。通过互联网翻遍每一个()。但是没看懂！

问题： 那么如何通过循环并为 jq 中的特定元素创建上下文（以便只有一张卡片有动画）？也许还有其他方法？

John

Asked: 2020-06-25 14:46:41 +0800 CST

git-push 一个单独的目录

3

资源：

项目结构

.git
build/
fonts/
node_modules/
src/
.gitignore
gulpfile.js
package.json
package-lock.json

file .gitignore 这些是我不需要推送到 repo 的文件

node_modules/
.idea/
gulpfile.js
package.json
package-lock.json
src/
fonts/
.git/

总结： 当我git push origin push 因为某种原因生产的时候，仓库中出现了这样的结构

build
fonts
src
.gitginore

问题：

如何仅发送构建文件夹（仅此文件夹的内容，而不是文件夹本身）？ 我提前道歉......我不太擅长git

John

Asked: 2020-06-13 20:15:30 +0800 CST

当我需要指定display: flex时，.less我在文件中写.display(flex)，是否可以默认这样做，以便.display()自动从这个转换display: flex（虽然第一个和第二个参数都必须指定display(@param1, @param2)），系统仍然编译在错误的方式（或根本不起作用）！好吧，当我为编写所有参数时display(flex, wrap))，一切都很好，但是您只需要使用 display: flex 属性来删除一些块，而无需额外的 flex-wrap: wrap, justify-content: flex-开始

概括：

这个例子只是为了了解混合和分支在 LESS 中是如何工作的。

John

Asked: 2020-05-14 12:31:03 +0800 CST

为什么单击元素时下拉菜单会影响底部元素

2

资源：

按照链接

问题： 为什么，点击第三块（16版）时，菜单退出时，底部块跳转，因为dropdown 是流外（positions: absolute），对底部元素有什么影响？？？我在我的代码中使用 jQuery 3.4.1。

John

Asked: 2020-04-22 14:53:43 +0800 CST

是否可以使用闭包进行算术运算

0

任务：

有一个简单的计算器，可以将两个数字相加。我不仅想做加法，还想做乘法、减法、除法，甚至取模。进入现场时

<input type="button" name="symbol" value="">

运算符字符（*、-、+、/、%）执行算术运算。我相信他们以某种方式使用了闭包。

请详细描述一下，为什么在这个例子中值得使用闭包，反之亦然是不合适的，也许还有其他选择？

input与上一个链接相比，我在源代码的下方添加了一个新链接

资源：

<div class="container">
    <input type="text" name="num1" value="">
    <input type="button" name="num2" value="="> 
    <input type="button" name="symbol" value=""> <--!добавленный ТЭГ-->

    <input type="button" name="calc" value="=">
    <span class="result"></span>
</div>

let btn = document.querySelector('input[name=calc]');
let num1 = document.querySelector('input[name=num1]');
let num2 = document.querySelector('input[name=num2]');
let result = document.querySelector('.result');
let symbol = document.querySelector('.symbol'); //новое выражение

btn.addEventListener('click', totalSum);

function totalSum() {


}

John

Asked: 2020-04-19 18:58:14 +0800 CST

在这个例子中如何使用 js 包装一个 div 元素

1

任务： 有一个节点

<div class = "child">
        Lorem ipsum dolor.
    </div>

单击此元素时，DOM树应包裹该元素

结果：

<div class = "parent">
   <div class = "child">
            Lorem ipsum dolor.
    </div>
</div>

资源：

 let child = document.querySelector("child");
 let parent = document.createElement("div");

child.onclick = function(){

    // 
}

John

Asked: 2020-04-19 12:33:57 +0800 CST

一个接受两个参数并返回长度和行号的函数

0

任务：写一个函数，接受一个字符串作为参数，返回字符串的长度，第二个参数是字符串中要查找的字符

例如：

console.log(countChar("Some word", "w"));

// 9, 6;

返回长度很容易，嗯，它将如何与第二个参数交互

不能没有两个功能？

John

Asked: 2020-04-10 16:26:14 +0800 CST

无法在 pages.github.com 上发布布局

1

遵循完整的说明 https://pages.github.com/

我创建了一个 repo ，我John.github.io得到了这样一个链接https://github.com/John/Jonh.github.io
之后，我克隆git clone https://github.com/John/John.github.io 了 Next，我根据所有内容创建了一个项目并建立了索引

   git add --all
   git commit -m "Initial commit"

然后，推git push -u origin master

我通过https://jonh.github.io

    404
There isn't a GitHub Pages site here.

我在某个地方错了吗？

John

Asked: 2020-04-09 11:26:53 +0800 CST

如何清除索引

2

动作算法：

首先，我在项目中添加了一个包含大量文件的文件夹
然后他将它们添加到索引git add .中，但同时忘记创建一个文件.gitignore并添加一个被忽略文件的列表。
```
vendor/
npm/
some_folder/
и т.д.
```

有许多文件夹需要从索引中删除，但它们已经包含在索引中，但它git status 给出了

(use "git rm --cached <file>..." to unstage)

通常我必须立即为每个人做这件事git reset HEAD .，但这对我来说是第一次。如何立即从索引中删除所有文件（包括嵌套文件）？

John

Asked: 2020-04-06 23:12:42 +0800 CST

如何正确嵌入谷歌地图作为背景[关闭]

0

我想为块做背景

<div class="block">

  <div class="container">
  //content
  </div>
</div>

标签<div class="block">将显示背景，但必须在内容下方

提前致谢！

John

Asked: 2020-04-03 14:44:57 +0800 CST

如何在html标签中隐藏或删除背景

0

<div class="special-offer special-offer_pad30px"style="background-image:url('image/offer/special_offer/bg-special-offer.jpg')" >


@media screen and (max-width: 992px) {
    .special-offer_pad30px {
        background-image: none;
    }
}

不适用于媒体查询

John

Asked: 2020-03-31 17:09:15 +0800 CST

如果可能的话，如何在纯CSS中制作这样的东西[重复]

1

我需要为这样的箭头创建一个新标签吗？如何布置它，我可以处理块本身，但这是制作这样的箭头的合理方法

John

Asked: 2020-03-28 19:39:43 +0800 CST

js中这个例子中的字符如何排列

1

var symbol = "*";
var empty = "";
var count  = 10;


**********
**********
**********
**********
**********
**********
**********
**********
**********
**********

我需要这些字符逐行显示console.log(**********);

如何思考这个逻辑，当解释器遇到数字 10 时（在这个例子的上下文中，这个数字仍然是静态的），以便它创建一个新行console.log(**********);等等 10 次！这需要什么条件，我认为与模除法有关，但从未弄清楚逻辑本身！谢谢大家！

John

Asked: 2020-03-26 12:53:57 +0800 CST

如何转换字符串以便您可以对其执行算术运算

1

脚本的本质是，当你在提示字段中输入时，n个字符是以递进的方式显示的，但是现在你需要将它以相反的顺序进行回归。

var empty = "";
var symbol = "*";
var count = prompt("Enter any number");
for (var i = 0; i < count; i++) {
    empty = empty + symbol;
    console.log(empty); 

    if (i == 10) {
        // здесь скорее будет регрессия символов
    }
}

一个示例如下所示：

*
**
***
****
*****
******
*******
********
*********
**********

当我尝试减去一个字符时，例如最后一行的结果，其中，empty typeof - String (этот тип строка) "**********" empty - empty или empty - 1

然后解释器给出结果 NaN（对不起，在我写 Null 之前）

亲爱的专家，我该如何转换字符串，以便我可以以相反的顺序回归这些字符。我怀疑这个字符串应该被转换成一个数组（这只是我的猜测）。提前感谢您的回复

John

Asked: 2020-03-07 13:57:23 +0800 CST

不使用标题标题转换到主页

0

// 家 index.php

creat.php使用此代码发送数据到index.php

<!doctype html>
<html lang="en">
<head>
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body>
<div class="container">
  <div class="row">
    <div class="col-md-12">
      <h1>Create Task</h1>
      <form action="store.php" method="post">
        <div class="form-group">
          <input type="text" class="form-control" name="title">
        </div>

        <div class="form-group">
          <textarea name="content" class="form-control"></textarea>
        </div>

        <div class="form-group">
          <button class="btn btn-success" type="submit">Submit</button>
        </div>
      </form>
    </div>
  </div>
</div>
</body>
</html>


<?php
$pdo =  new PDO("mysql:host=localhost;dbname=mysite","root","");

$sql = 'INSERT INTO dates(title, content) VALUES (:title, :content)';

$statement =  $pdo->prepare($sql);

$statement->bindParam(":title",$_POST['title']);

$statement->bindParam(":content",$_POST['content']);

$result =  $statement->execute();


header("Location: /");exit();

如何使它在发送数据时立即转换为index.php

主页位于http://localhost/mysite/index.php

如何使用 React 通过树递归输出嵌套数据

如何在扩展运算符中设置默认值

为什么固定块独立于相对定位？

页面在 A4 格式的打印输出上无法正确显示

将文本添加到 SVG 格式

jquery中特定元素的事件上下文

git-push 一个单独的目录

如何在 LESS 预处理器中进行分支

为什么单击元素时下拉菜单会影响底部元素

是否可以使用闭包进行算术运算

在这个例子中如何使用 js 包装一个 div 元素

一个接受两个参数并返回长度和行号的函数

无法在 pages.github.com 上发布布局

如何清除索引

如何正确嵌入谷歌地图作为背景[关闭]

如何在html标签中隐藏或删除背景

如果可能的话，如何在纯CSS中制作这样的东西[重复]

js中这个例子中的字符如何排列

如何转换字符串以便您可以对其执行算术运算

不使用标题标题转换到主页

我看不懂措辞

请求的模块“del”不提供名为“default”的导出

"!+tab" 在 HTML 的 vs 代码中不起作用

我正在尝试解决“猜词”的问题。Python

可以使用哪些命令将当前指针移动到指定的提交而不更改工作目录中的文件？

Python解析野莓

问题：“警告：检查最新版本的 pip 时出错。”

帮助编写一个用值填充变量的循环。解决这个问题

尽管依赖数组为空，但在渲染上调用了 2 次 useEffect

数据不通过 Telegram.WebApp.sendData 发送

John's questions