小编kub*_*ubi的帖子

没有邪恶的评估可以做这样的事情:

var str='MyClass';
eval('new '+str);

我刚学会了PHP中的ReflectionClass ...谢谢.

我一直在构建一个用于实时流和静态文件（通过 http 的 MP3）的网络广播播放器。我选择Howler.js作为后端来规范HTML5 音频的怪癖（想想：自动播放、淡入/淡出、进度事件）。 不幸的是，我遇到了几个错误（例如与 iOS 控制中心、事件处理不兼容），并找到了一些“创造性”的解决方法——但是，现在，我严重怀疑使用 Howler 的成本是否过高好处。此外：

• 使用 HTML5 音频流式传输 MP3 有时似乎是事后的想法 - API 并不能真正可靠地告诉您发生了什么（缓冲区不足、网络错误）。或者它出现故障。
• Howler 似乎更关注 Web Audio API（想想：游戏、声音效果）而不是 HTML5 部分，即使主页上的前两个演示（“音乐播放器”、“现场广播”）表明情况并非如此。

所以现在，在我放弃 Howler 并直接使用浏览器的本机音频 API 之前，希望不会遇到不可预见的问题：有人已经到了这一点并可以提供建议吗？
还有其他我忽略的图书馆吗？

不幸的是，我意识到这是一个相当软的问题——任何关于在哪里询问或提供哪些其他信息的建议都非常感谢。

这很好很短:

<img src="{$base}/{@filename}.jpg" />

但有时你需要重用它src,所以它变成了这个:

<xsl:variable name="imgsrc">
    <xsl:value-of select="$base">/<xsl:value-of select="@filename">
    <xsl:text>.jpg</xsl:text>
</xsl:variable>
<img src="$imgsrc" />

根据http://www.w3.org/TR/xslt#dt-attribute-value-template,你不能在文字元素属性之外使用"花括号插值语法",但可能有一个不那么 - hacky hack做的伎俩？我很懒,我知道.

因此，我再次发现自己将头发拉到响应图像上。CMS给了我它srcset，我建立了一个简单sizes属性，我currentSrc通过将鼠标悬停在开发工具中的属性上来检查 -错误的Src！转到10，可能更改媒体条件，然后保存，重新加载，悬停，重复，直到可以正常工作为止。希望它不会因其他图像而失败。

必须有更好的方法来做到这一点？考虑到Firefox在调试Webfonts方面仍然比Chrom *更好，并且直到今天我才在Chrome的开发工具中找到“ 添加设备像素比率”，我想知道我是否忽略了某些内容。我知道并曾经使用过占位符图像，但是设置它们可能很麻烦，而且无法告诉我

• 是sizes属性语法正确的？
• 浏览器将图像视为当前视口中有多少个设备像素？那是多少个“ srcset w-pixels”？
• 最重要的是：哪种媒体条件与当前视口匹配？为什么？

编辑：想出了这个例子，希望对您有所帮助：

<img
  src="foo.jpg"
  sizes="(max-width: 599px) 100vw, ((min-width: 600px) and (max-width: 1000px)) 33vw, 300px"
  srcset="foo_a.jpg 300w, foo_b.jpg 768w" />

视口为650px，设备像素比率为
1。DevTools告诉我：

currentSrc == "foo_b.jpg"

为什么？这是什么条件 是什么33vw最终成为？650px*33/100？它有什么关系300w？距离最近768w吗？
请注意，我并不是真正在问这些特定的值，而是一般的工作流程。

EDIT2：在这种情况下，我可能会要求开发工具功能（或扩展）告诉我：

1. 视口650px
2. 火柴 ((min-width: 600px) and (max-width: 1000px))
3. 650px @ DPR 1.0 = 650w
4. => 33vw = 650w * …

我一直认为你可以指定一个<img/>'swidth和height属性，这样浏览器就知道它的物理尺寸，而不必先下载（至少是标题）。但显然这些属性被视为 CSS 属性 - 因此当您尝试执行类似width: 50%; height: auto. 然后，在下载图像之前，计算的高度保持为 0。
有没有办法通过 HTML/CSS 显式设置图像的物理尺寸（实际上是它的纵横比）？

（...并避免“未知长宽比的闪光”/使用 Masonry 时要进行大量紧张的重新布局 - 您也许可以解决这个问题，但我对基本问题更感兴趣。即使我正在努力询问简明扼要地介绍一下:)

鉴于此代码（带有样式表的 HTML），我无法更改：

div {
  color: green !important;
}

div {
  color: undo; /* tried revert/initial/unset et al. */
}

<div style="color: red">hello</div>

我可以提供一个样式表（附加的，添加在原始样式表的顶部），它将 div 恢复为内联颜色（在本例中为红色）吗？

div {
  color: undo; /* tried revert/initial/unset et al. */
}

...没有JS。这是一支笔。

注意：这并不是专门针对红色，而是回退到内联提供的任何颜色。