小编Rou*_*ica的帖子

我找不到以下标准的W3或WHAT-WG（甚至非标准第三方）规范：

<meta name="format-detection">

我有两个原则问题。

问题1：元标记中可以引用哪些格式？format-detection

最常见的是，第三方参考文献引用telephone.

偶尔email还是date被引用。

更罕见的是，address被引用。

一个来源 ( https://www.goodemailcode.com/email-code/template.html ) 引用了这一点url。

这给出了以下格式列表：

• telephone
• email
• date
• address
• url

这是完整的格式列表吗？还有其他人吗？

问题 2：必须单独引用每种格式，还是可以在单个元标记中一起引用任意数量的格式？

即问，是否需要声明：

<meta name="format-detection" content="telephone=no">
<meta name="format-detection" content="email=no">
<meta name="format-detection" content="date=no">
<meta name="format-detection" content="address=no">
<meta name="format-detection" content="url=no">

或者这是完全可以接受的：

<meta name="format-detection" content="telephone=no, email=no, date=no, address=no, url=no">

如果format-detection不是公认的标准，我非常乐意参考非标准规范（或博客文章），只要该文档具有一定的权威性并且不仅仅是第三方的观察或评论。

在javascript中,var myStringToArray = myString.split('');完全可以接受.

但在PHP中,$My_String_To_Array = explode('', $My_String);抛出一个错误:

警告:explode()空分隔符

PHP手册(http://php.net/manual/en/function.explode.php)解释说:

如果分隔符是空字符串(""),则explode()将返回FALSE.

那么我应该在现代PHP中使用什么而不是explode('', $My_String)？

到目前为止,我能看到的替代方案是:

• split("", $My_String) - 自PHP 5.3.0起已弃用
• str_split($My_String)
• preg_split('//', $My_String)

七年前,str_split()本来是使用的正确选择.

但str_split()仍然在当代使用或我应该只看preg_split()？

或者我应该看别的东西？

我有一个SVG,我想在新网站上经常使用.

因此,不是在许多页面上内联编写SVG,而是将每个页面上的SVG包含为可缓存<img>,这在首次下载后可以从浏览器缓存中检索.

我调用的SVG <img>与我内联写入的内容相同 - 但是内联SVG与浏览器宽度相对应,SVG调用的<img>则没有.

我需要做什么,以确保SVG <img>上下调用的方式与内联中包含的方式完全相同？

例:

.handsoffhri-campaign-logo {
width: 80.5vw;
height: 12vw;
background-color: rgba(0,0,0,0.4);
}

pre, p pre {
display: inline;
}

<p>Expand this window to <em>Full Page</em> and then narrow and widen the browser viewport to see how the two SVGs behave differently (though they are identical). How can I get the SVG called by <b>&lt;img&gt;</b> to scale up and down like the inline SVG?</p>

<h2>SVG called by <pre>&lt;img&gt;</pre></h2>
<img …

我想在window.location.search 不重新加载文档的情况下进行更新，然后根据window.location.search.

当用户单击按钮时，该按钮的onclick事件会触发以下函数：

window.history.pushState({action : 'myAction'}, document.title, '?action=myAction');

到现在为止还挺好。window.location.search浏览器 URL 栏中的更新。

但是我找不到检测此更新的通用后台事件侦听器-类似于onhashchange查询字符串。

我能想到的最好的是：

window.history.pushState({action : 'myAction'}, document.title, '?action=myAction');
window.history.pushState({action : 'myAction'}, document.title, '?action=myAction');
window.history.back();

window.addEventListener('popstate', () => console.log(event.state.action));

这有效，但我相信必须有更优雅的方法。

我只想更改 svg 填充颜色和悬停颜色。但我看到这个 svg 像这样附加：

<use xlink:href="#search-magnify"></use>

我认为它指的是网站上某个地方的这个 svg。我只想更改填充颜色而不编辑原始 svg。所以我尝试用这种方式用类和样式将它包裹在跨度上。

.icon svg path{
  fill: red;
  color: red;
}

但它根本不起作用。这是小提琴。

我在这里缺少什么？难道这不能通过css实现吗？

Shadow Root是否有维护一个官方列表，其中包含渗透到的CSS 属性的最新详细信息WebComponent？

我认为有以下几点：

• color
• line-height
• font-family
• font-size
• font-weight

都是这样，但至少还有十几个吧？

关于原生WebComponents：

在constructor()开头的方法中class，通常将影子 DOM 树附加到Custom Element并返回对其的引用ShadowRoot：

class myCustomElement extends HTMLElement {

  constructor() {
    super();
    const shadowroot = this.attachShadow({mode: 'open'});
  }

 [... REST OF CODE HERE...]

}

当然，引用的名称可以是任何名称。

我见过：

• var shadow = this.attachShadow({mode: 'open'});（看：Element.attachShadow()）
• this.root = this.attachShadow({mode: 'open'});

我们可以很容易地使用：

• const myShadowRootzzz = this.attachShadow({mode: 'open'});

然而，已经存在Element.shadowRoot作为参考ShadowRoot。

那么为什么语法是

const shadow = this.attachShadow({mode: 'open'});

在示例中经常使用，简单说明时：

this.attachShadow({mode: 'open'});

就足够了，因为......任何时候ShadowRoot需要引用，该引用字面意思是：

this.shadowRoot 

为什么 WebComponent …

我正在使用 JavaScript Performance API，并且试图找出正确的指标组合，以便在请求和加载任何单个页面时在控制台上记录页面加载时间。

TLDR： 我想使用 JavaScript 的性能 API来获取接近Firefox 开发人员工具（或任何浏览器开发人员工具）的“网络”选项卡load上报告的数字的数字。

window.addEventListener('load', () => {
  
  let domainLookupEnd = performance.getEntriesByType('navigation')[0].domainLookupEnd;
  let connectEnd = performance.getEntriesByType('navigation')[0].connectEnd;
  let responseEnd = performance.getEntriesByType('navigation')[0].responseEnd;
  let loadEventStart = performance.getEntriesByType('navigation')[0].loadEventStart;
 
  console.log(`
domainLookupEnd: ${domainLookupEnd}
connectEnd: ${connectEnd}
responseEnd: ${responseEnd}
loadEventStart: ${loadEventStart}

Page loaded in: (${responseEnd} - ${domainLookupEnd})
Page built in: (${loadEventStart} - ${responseEnd})
Page …