小编Alw*_*ing的帖子

我对这些东西一无所知,所以请回复你的ELI5.

按照我的提供商Dreamhost的说明,我安装了SSL证书,然后将这些行添加到我的.htaccess文件中,以强制将HTTP请求重写为HTTPS请求.

# Redirect http requests to https
RewriteEngine On
RewriteCond %{HTTPS} !=on
RewriteRule ^ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]

一切似乎都正常工作,即:每次我尝试使用HTTP访问该域下的页面时,都会将其重写为HTTPS,并在地址栏中显示"安全"图标.

我的问题是,我是否还需要启用HSTS？阅读它,它似乎与.htaccess文件的先前更改完全相同.以下是A2 Hosting(不是我的提供商)的摘录:

启用HSTS

为站点启用HSTS后,Web浏览器会自动更改任何不安全的请求(http://)以保护请求(https://).要启用HSTS,您只需在网站的.htaccess文件中添加标题即可.Web浏览器识别此标题,然后在不需要您进一步干预的情况下处理其余内容.

他们建议将此添加到.htaccess:

Header set Strict-Transport-Security "max-age=31536000" env=HTTPS

另一个教程,这次特定于Dreamhost,说启用HSTS以及强制.htaccess文件中的HTTPS,但并没有真正说明原因.此页面显示略有不同的内容:

Header set Strict-Transport-Security "max-age=31415926; includeSubDomains; preload" env=HTTPS

我需要"https重写"代码段和HSTS吗？或者只有"https重写"代码片段足够好？我是否需要HSTS代码,如果是这样,我的帖子中两行HSTS代码之间有什么区别？

据我所知,在正常情况下,您可以使用querySelector选择单个元素,并使用querySelectorAll来选择多个元素.但是,我很惊讶地发现querySelectorAll不适用于单个元素.我希望它可以与一个或多个一起工作.我找不到任何说它不应该只用一个的东西所以我在这里问这是否正常并且根据规格？

HTML:

<div class="top container">
  <div class="pod" draggable="true">big</div>
  <div class="pod" draggable="true">small</div>
  <div class="pod" draggable="true">happy</div>
  <div class="pod" draggable="true">rich</div>
  <div class="pod" draggable="true">fast</div>
</div>

JS:

function dragStart(e) {
  console.log("drag started");
  e.target.style.opacity = "0.5";
}

适用于此(调用dragStart函数):

var topPods = document.querySelector(".top");
topPods.addEventListener("dragstart", dragStart);

但不适用于此(未调用dragStart函数):

var topPods = document.querySelectorAll(".top");
topPods.addEventListener("dragstart", dragStart);