VostokSisters's questions

我们需要通过溢出和边界半径来裁剪延伸到窗口全高的块。

下面是一个例子。

动画也会随着填充和半径的变化而变化。

问题是我没有设法让图像保持固定。播放动画时，图片也会移动，因为它会沿着布局移动。

实际上，我寻求帮助，我该如何解决这个问题？

代码笔

body {
  margin: 0px;
  padding: 0px;
}

.test {
  box-sizing: border-box;
  overflow: hidden;
  height: 100vh;
  transition: padding 300ms ease;
  padding: 0px;
  border-radius: 0px;
}

.test:hover {
  padding: 30px;
}

.test:hover .img-wrapper {
  border-radius: 20px;
}

.img-wrapper {
  height: 100%;
  width: 100%;
  transition: border-radius 300ms ease;
  overflow: hidden;
}

.img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-image: url("https://placeimg.com/1000/1000/arch");
  background-size: cover;
}

<div class="test">
  <div class="img-wrapper">
    <div class="img"></div>
  </div>
</div>

gitignor中有这样的规则：

/bitrix/*
# включаем папку components, но исключаем components/bitrix
!/bitrix/components
/bitrix/components/bitrix/

该文件夹/bitrix/components仅包含一个文件夹bitrix和其他文件夹。

当我这样做时git clean -df，git 会删除该文件夹/bitrix/components。

问：为什么？以及如何在不从排除中删除文件夹的情况下避免这种情况？

我创建这样的路线：

urlpatterns = [
    re_path(r'(?:(?P<slug>.*?)?/)?', views.IndexView.as_view(), name='index_url'),
]  

调用此类 url 时必须引用此模板：

/             #Переменная slug=None    
/some-slug/   #Переменная slug='some-slug'  
/some-slug    #Переменная slug='some-slug'  

但是，您需要使用以下网址提供 404：

/some-slug/321
/some-slug/fdsf/3213/asd/
И т.д.

我无法得到这个正则表达式。

我的原则上可以工作，但由于某种原因，它会在 slug 模式本身之后使用所有字符。也就是说，这样的页面/some-slug/fdsf/3213/asd/将被重定向到视图，但所需的值将被写入 slug。并且有必要不对其进行重定向。

我正在建立一个单页网站。
输入信息后，发生ajax请求，根据进一步的逻辑，我将浏览器行中的url更改为如下内容：https://www.example.com/?id=1234567

那么问题来了，这样问对不对？
所有浏览器都可以吗？

有一个为开发者提供api的服务。
我得到这个代码是为了提供我的服务。
我的服务的重点归结为这个密钥用于向资源服务器发送请求，之后以 json 形式接收响应，解析并显示为信息。

只是问题是我不需要服务器，一切都可以用Ajax请求来完成，不会有任何数据库，实际上计划一个页面站点。
但 api-key 需要保存，不能落入任何人手中。

我想了又想，只是想到了这样一个事实，即您仍然需要购买主机以将此密钥存储在某些 php 脚本中，并且在每个 Ajax 请求中发出接收此密钥的请求。您可以通过此脚本仅接受来自我的服务的 api 密钥请求这一事实来保护自己。
但这到底合理吗？......这一切是否有更合理的解决方案？

请告诉我我错在哪里以及如何更好地实施这个想法。

不知何故，我已经在这里遇到过这样的问题，但是我在这里或在 Internet 上都找不到。
我记得这是挂在div上的某种属性，但我不记得是哪一个了。
还有一个问题：是否会使用这种自制输入提交表单（如果有适当的标签，则传递参数）？

其实就是这个问题。为什么 null 被认为不是默认设置的好值？我在某个地方遇到过它适用于时间戳，但最好完全避免使用它。所以你不明白为什么？

有一个代码是从这里获取的：

var f1 = function() {
  return new Promise(function(resolve) {
    setTimeout(function() {
      console.log(1);
      resolve();
    }, 1000);
  });
}

var f2 = function() {
  return new Promise(function(resolve) {
    setTimeout(function() {
      console.log(2);
      resolve();
    }, 2000);
  });
}

var f3 = function() {
  return new Promise(function(resolve) {
    setTimeout(function() {
      console.log(3);
      resolve();
    }, 3000);
  });
}

var seqRunner = function(deeds) {
  return deeds.reduce(function(p, deed) {
    return p.then(deed);
  }, Promise.resolve());
}

seqRunner([f1, f2, f3]).then(function() {
  console.log('Done!');
});;

请向我解释一下，我根本不明白：为什么seqRunner函数应该返回一个空的承诺，目的是什么？
据了解，所有队列执行完毕后deeds，调用Promise.resolve()外层队列执行.then命令输出到控制台Done!。这很清楚。但我认为如果我最后删除它

.then(function() {
   console.log('Done!');
});;

而且, Promise.resolve())，队列也可以正常工作。
天知道，我不明白承诺。为什么 this, Promise.resolve())在函数 return 中seqRunner？
你为什么不能这样做：

var seqRunner = function(deeds) {
  return deeds.reduce(function(p, deed) {
    return p.then(deed);
  };
}

seqRunner([f1, f2, f3]);

有这样一个结构：

function doSmth() {
    resolve("aga");
};

new Promise(resolve => doSmth())
.then(result => console.log(result));

哪个不起作用。
上下文丢失是很合乎逻辑的，所以我尝试了call：

new Promise(resolve => doSmth.call(this))

还是不行。resolve()函数里面的函数是不可见的doSmth()。
所以问题是：这是真的吗？如果是这样，怎么办？
或者也许我只是在设计上做错了什么，而不是应该的？

更新：

在函数中添加this.before解决了上下文丢失的问题。现在在此函数中可见。是的......由于某种原因它没有功能。它只是未定义的。而且我不明白为什么...resolvedoSmthresolveresolve

function doSmth() {
    this.resolve("aga");
};

new Promise(resolve => doSmth.call(this))
.then(result => {console.log(result)});

我有一个静态站点。没有 php 和所有。
我认为，如果在访问某个站点时，某些信息会“像在缓存中一样”存储，那会很酷。

例如：有一个博客。该人访问该站点。单击博客条目，帖子的文本打开和关闭。
该站点有一个脚本，可以将查看的记录标记为例如红色。
如果一个人简单地点击过渡到博客的下一页（我们假设一切都发生在一个域中），点击那里，然后返回到前一页，那些条目又变成红色，那将会很有趣！
也就是说，据我了解，为此您需要将数据从一个页面传输到另一个页面。

没有 php 和数据库。
没关系，在会话之后，如果缓存丢失，条目将不会被标记。
效果的“有效期”是中规中矩的，直到在选项卡上进行了到其他站点的过渡。

自然地，我首先想到的也是唯一的事情就是获取请求。
但这里有一个细微差别，我不喜欢以这种方式损坏的 url。
原则上，我不反对这种方法。我们获取 url 并制作正则表达式，解析字符串 - 一切都很酷。如果只有一种方法可以避免这种负面影响……或者有可能吗？如何？
还是有我不知道的更好的选择？但是，如果不存在，请说明。我很感兴趣 （：

有这样一个例子：

let $div = $('div');

$('button.hide').click(function() {
  $div.one('transitionend msTransitionEnd oTransitionEnd', function() {
    $div.toggleClass('undisplay');
  });
  $div.toggleClass('unvisible');
});

$('button.show').click(function() {
  $div.toggleClass('undisplay');
  $div.toggleClass('unvisible');
});

.divchik {
  display: block;
  width: 80px;
  height: 100px;
  -webkit-transition: height 300ms ease 0s;
  transition: height 300ms ease 0s;
  background-color: orangered;
}

.divchik.unvisible {
  height: 0px;
}

.divchik.undisplay {
  display: none;
}

button {
  display: block;
  width: 80px;
  height: 20px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="divchik"></div>
<button class="hide">Скрыть</button>
<button class="show">Показать</button>

我需要display:none在完成由.实现的动画后执行transition。
在某些动作之后，我需要按原样返回所有内容，而且还需要在同一属性上使用动画，在这种情况下，动作是 click，属性是 height。
但问题是出现并不顺利。虽然我之前设置了显示toggleClass，但高度为零。也就是说，块应该平滑地返回它的高度。

但那不会发生。可能房子的更新延迟了带有显示的元素。这是我自己想出的解决方案：

let $div = $('div');

$('button.hide').click(function() {
  $div.one('transitionend msTransitionEnd oTransitionEnd', function() {
    $div.toggleClass('undisplay');
  });
  $div.toggleClass('unvisible');
});

$('button.show').click(function() {
  $div.toggleClass('undisplay');
  setTimeout(() => $div.toggleClass('unvisible'), 0.001);
});

.divchik {
  display: block;
  width: 80px;
  height: 100px;
  -webkit-transition: height 300ms ease 0s;
  transition: height 300ms ease 0s;
  background-color: orangered;
}

.divchik.unvisible {
  height: 0px;
}

.divchik.undisplay {
  display: none;
}

button {
  display: block;
  width: 80px;
  height: 20px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="divchik"></div>
<button class="hide">Скрыть</button>
<button class="show">Показать</button>

所不同的是，我给了一个定时器来启动类height: 0px，所以一切都会恢复正常。

问题是：是否可以不用计时器拐杖？然后我不想拐杖 0.001 毫秒。有什么好的解决办法吗？

你需要创建这个：

中间是一个等于固定宽度的块。应该清楚地在页面上居中。
左侧和右侧的块，它们横跨页面的整个剩余宽度。

如何在不使用 flex的情况下做到这一点（立即变得更难，对吧？）？

我只想形成两层：第一层将有一个中心块，它将使用 . 定位在中心margin: auto。
而另外两个会占据width: 50%，但位于其下方，从而营造出一种适应感。
但如果没有拐杖，那将是可取的。以后我只能后悔了……出于同样的原因，你不能使用 flexes。

有这样一段代码：

$(window).scroll(function(){
    if ($(window).scrollTop() == $(document).height() - $(window).height())
        alert('Привет');
});

在桌面上运行良好。但出于某种原因，它在移动版本中不起作用。
手机中，我只有iPhone 5C，所以测试的设备不多，但是即使在Chrome的手机模拟模式下，代码也不想执行。
是否有一个非集体农场并且没有拐杖选项来通过滚动跨浏览器来跟踪页面的末尾？

有一段代码说，滚动的时候，滚动到了页面的末尾。

$(window).scroll(function(){
    if ($(window).scrollTop() == $(document).height() - $(window).height())
      console.log('hey!');
});

正常工作。
但在桌面版上，如果页面没有滚动，则不会处理该事件（条件中显然没有考虑溢出属性，但没有必要）。
在滚动页面时，你总是需要弄清楚它是否存在。
对于这种情况，如何使代码更具通用性？我还请您考虑移动滚动。我认为专门抓住轮子不是最好的解决方案。

有这样的代码：

var request = new function(){
  var 
    jsonAjaxResult, 
    countOfDownloadingArts;

  function downloadArts(){
   return Promise((resolve, reject) => {
     // Код для загрузки картинок
   });
  }

  function downloadJSON(){
    return Promise((resolve, reject) => {
      // Код для загрузки json-а
    });
  }

 this.getNewArts = (numberOfShowingArts = 20) => {
   // Обработчик очереди возвращающихся промисов для загрузки 
   // заданного количества картинок (формальный параметр)
 }
}

在其中我使用这样的方法：

request.getNewArts(40); 

很方便。
但是当我写这样一个构造时，它jsLint发誓会出现这样的错误：

Weird construction. Is 'new' necessary?

好吧，我想知道为什么我不能使用匿名函数作为构造函数？据我了解，从逻辑的角度来看它很丑陋，但我确实需要此功能的一个实例。
那又如何呢？敲击错误还是可以以某种方式重写代码？
老实说，我希望它是这样的：

function request(){
  // функции и переменные
}
// И использовать вот так:
request.getNewArts(40);

但是，唉，据我了解，在 js 中这是不可能的。

我在 gulp 上安装 babel 做了什么：

1. npm i babili --save-dev
2. gulpfile.js 中的“Requal”包

而且我不知道为什么它不起作用......他们到处都写这种代码（下面）+我给出的命令，就是这样，理论上一切都应该有效。
这是腊肠犬的 haplfile js：

var  
  gulp = require('gulp'),
  babel = require('babili');

gulp.task('js', function() {
    gulp.src([
                'assets/_js/*.js'
                ])
                .pipe(babel({presets: ['babili']}))
                .pipe(gulp.dest('_site/assets/js'))
});

这是错误：

[01:08:34] Starting 'js'...
[01:08:34] 'js' errored after 2.72 ms
[01:08:34] TypeError: babel is not a function
    at Gulp.<anonymous> (C:\Jekyll\vostoksisters\gulpfile.js:77:11)
    at module.exports (C:\Jekyll\vostoksisters\node_modules\orchestrator\lib\runTask.js:34:7)
    at Gulp.Orchestrator._runTask (C:\Jekyll\vostoksisters\node_modules\orchestrator\index.js:273:3)
    at Gulp.Orchestrator._runStep (C:\Jekyll\vostoksisters\node_modules\orchestrator\index.js:214:10)
    at C:\Jekyll\vostoksisters\node_modules\orchestrator\index.js:279:18
    at finish (C:\Jekyll\vostoksisters\node_modules\orchestrator\lib\runTask.js:21:8)
    at module.exports (C:\Jekyll\vostoksisters\node_modules\orchestrator\lib\runTask.js:60:3)
    at Gulp.Orchestrator._runTask (C:\Jekyll\vostoksisters\node_modules\orchestrator\index.js:273:3)
    at Gulp.Orchestrator._runStep (C:\Jekyll\vostoksisters\node_modules\orchestrator\index.js:214:10)
    at Gulp.Orchestrator.start (C:\Jekyll\vostoksisters\node_modules\orchestrator\index.js:134:8)
    at Gulp.<anonymous> (C:\Jekyll\vostoksisters\node_modules\gulp-sync\lib\index.js:51:27)
    at module.exports (C:\Jekyll\vostoksisters\node_modules\orchestrator\lib\runTask.js:34:7)
    at Gulp.Orchestrator._runTask (C:\Jekyll\vostoksisters\node_modules\orchestrator\index.js:273:3)
    at Gulp.Orchestrator._runStep (C:\Jekyll\vostoksisters\node_modules\orchestrator\index.js:214:10)
    at Gulp.Orchestrator.start (C:\Jekyll\vostoksisters\node_modules\orchestrator\index.js:134:8)
    at C:\Users\Vostok Sisters\AppData\Roaming\npm\node_modules\gulp\bin\gulp.js:129:20
hard doesn't exist

有这段代码，我不清楚其中的一个方面：

    'use strict';
    
    let promise = new Promise((resolve, reject) => {
      resolve("Промис завершился");
      console.log("Промис ждет, пока я появлюсь");
    });
    
    promise
      .then(
        result => console.log("Fulfilled: " + result), 
        error => console.log("Rejected: " + error) 
      );

其实不清楚构造函数中的alert一般是自己算出来出现的。紧随其后（一点也不清楚——为什么在它后面？）“承诺已经结束”出现了。
目前尚不清楚它的工作原理是什么resolve()，即控制权转移到处理程序.then。
我已经多次看到它们resolve()专门放在处理程序 onload中（例如，对于 ajax 请求），这本身就表明问题已完成。但事实证明，resolve()您至少可以从一开始就推动，下面的代码仍然有效。
是的，当然，在ajax的情况下，你可以预料到请求会被服务器拒绝，所以你需要resolve()在成功的情况下使用它，并reject()在错误的情况下使用它。
帮助我理解。

有这样一段代码：

'use strict';
console.log('---');

function getRandom(min, max) {
  return Math.floor(min + Math.random() * (max - min + 1));
};

var promise = new Promise((resolve) => {
  setTimeout(() => resolve('загрузился json за секунду'), 1000);
});

function getNewArts(setRandomTime, whatIsThisThen) {
  promise.then(() => {
    setTimeout(() => {
        console.log(`грузится ${whatIsThisThen}-я пачка артов за ${setRandomTime} мс`);
      },
      setRandomTime);
  });
};

getNewArts(getRandom(1400, 2000), 1); 
getNewArts(getRandom(1400, 2000), 2);
getNewArts(getRandom(1400, 2000), 3);

此代码旨在模拟从服务器加载json，然后将图片添加到HOME。
我把代码一一分解解释。
strings'use strict'和'console,log('---');函数getRandom()希望是不言自明的。
接下来，我创建一个新promise的模拟从此处的服务器加载 json。为了在示例中模拟异步，我使用了timers。
接下来是getNewArts()向DOM添加图片的功能（需要json加载后添加（有url），所以我用promise了（所谓的promises）。
只有在加载了整个新包后，您才需要将图片添加到 HOUSE。为了模拟新图片包的加载，使用了一个定时器，加载时间由随机数函数生成。事实上，接下来是getNewArts()加载新包的函数调用。
在这里我有一个问题：毕竟，很明显图像的加载时间可以不同，但​​是有必要根据它们在缓存中的准备加载来添加图像包，而每个处理程序应该.then顺序执行, 在执行之前安装的一个之后？
控制台输出时间从最小到最大的文本，这意味着所有处理程序立即开始执行。
如何修复代码以使其按顺序运行？

您可以自己在代码片段中运行控制台输出。可能在第一次尝试时它会显示正确的引导顺序（1、2、3），但不要相信，再次运行测试。这就是我希望的样子： 我注意图像的模拟加载时间，以及处理程序的执行顺序- 它们按顺序进行，因为图像可以在不同时间加载，并且它们需要依次显示。

.then

learn.javascript.ru例如，当您将链接插入消息或墙上的帖子时，这就是它的实现方式：这 就是我博客上的方式： 显然，这是写在 html 标题中的某个地方，供机器人索引网站，但我没有找到有关此的信息。这是怎么做到的？

我不知道用正则表达式替换。
这是正则表达式本身：
/(^https?:\/\/www\.dropbox\.com)(\/s\/\w+\/[\wа-яА-Яё]+\.\w+)/
它将应用于此类链接：

https://www.dropbox.com/s/2f15pra2dssf7zvwf7b/333.jpg?dl=0
https://www.dropbox.com/s/rhdkdf15dykctjdp004/376.jpg?dl=0
https://www.dropbox.com/s/kx70sj1gru4vsawhg9/517.jpg?dl=0

通常，任务是用以下内容替换例如第一个链接：
https://dl.dropboxusercontent.com/s/2f15pra2dssf7zvwf7b/333.jpg

也就是说，您需要替换链接的第一部分并删除不必要的垃圾，例如?dl=0.

这是函数本身.replace：

var1.replace(/(^https?:\/\/www\.dropbox\.com)(\/s\/\w+\/[\wа-яА-Яё]+\.\w+)/,
"https://dl.dropboxusercontent.com/$2")

regex101 示例：https ://regex101.com/r/ErgOTW/3

也就是说，其实我不明白为什么.replace它不只替换第一组中的匹配项并且不显示其他所有内容，而是直接替换所有找到的匹配项。我不知道如何避免它。
请告知解决方案。