迹忆客 专注技术分享

要在 React 中将 useState 钩子键入为字符串数组，请使用钩子的泛型，例如 const [names, setNames] = useStatestring[]([]) 。 状态变量可以初始化为空数组或字符串数组，并且只接受字符串值。 im...

图片对网站性能至关重要，但大多数网站仍未实现响应式图片。 这不仅仅是让图像适合屏幕，还要让图像尺寸相对于设备来说比较合理。 最适合我们的 srcset 和 sizes 选项很难实现。...

大多数站点使用以下 HTML 来指定网站图标： link rel = shortcut icon href = /favicon.ico 看起来不错，对吧？ 你猜怎么着不是！ 今天，我了解到快捷方式不是有效的链接关系。 事实上，它并没有...

默认情况下，实际上只呈现网页的 html 和 body 元素（及其后代）。 head 元素中的所有信息都可能被浏览器解析和使用，但大多数时候不会显示出来。 如果你愿意，你可以使用 CSS 来显示...

一个鲜为人知的 HTML5 JavaScript 好东西是 document.head DOM 树访问器，它比 document.getElementsByTagName(head)[0] 更有效（也更容易输入）。 文档的 head 元素是作为 html 元素子元素的第一个 head 元素...

HTML5 details 元素目前不受 Chrome 12 及更高版本原生支持的任何浏览器的原生支持。 这使得猜测这个新元素的确切行为有点困难，但阅读规范给了我们一个很好的主意。 清楚的是： detai...

级别 1：它只是工作 HTML5 规范是在考虑向后兼容性的情况下编写的（并且仍在编辑中）。 HTML5 中有一些新功能已经可以在每个 A 级浏览器中使用，因此现在可以使用，不需要任何奇怪的...

你知道的，我总是更喜欢 HTML 而不是 XHTML ，因为它不那么冗长，而且我喜欢让事情变得简单。 真实的故事。 但这并没有阻止我想知道究竟是如何触发 HTML5 的 XML 模式的让我们从现在起...

在发布有关如何在网站上启用 Safari 阅读器的帖子后，我决定多尝试一下。 事实证明，每次单击那个闪亮的小阅读器按钮时，Safari 都会生成一个 HTML 文档并将其显示为原始文档的叠加层...

setTimeout() 中的 JavaScript 代码不一定会延迟 onload 事件。 考虑以下测试用例： !DOCTYPE html meta charset = utf-8 title setTimeout() and window.onload / title script setTimeout ( function () { document . body . style ....

编写 JavaScript 基准测试并不像看起来那么简单。 即使不涉及潜在的跨浏览器问题，也有很多陷阱需要注意。 本文将阐明编写和运行 JavaScript 基准测试的各种问题。 基准测试模式 有很多...

Touch-Icons是移动设备和平板电脑的图标。 将它们添加到我们的网页很容易，我相信各位已经知道使用 HTML 是如何工作的： !-- In its simplest form: -- link rel = apple-touch-icon href = apple-touch-icon...

HTML5 标准化了 oninput 事件处理程序，它应该用于检测 JavaScript 中的用户输入。 当然，我们可以改用 onkeydown 或 onkeyup ，但它们从来都不是真正为这个特定用例设计的，它显示了这一点。...

这是我写的那些文章之一，只是为了以后能够链接查看。 我看到很多关于这个主题的问题，尽管我不介意一遍又一遍地解释同一件事，但只写一次可能更容易。 HTML 中不带引号的属性值...

传统的方法 以下是检测 localStorage 支持的方法： // Feature test var hasStorage = ( function () { try { localStorage . setItem (mod, mod); localStorage . removeItem (mod); return true ; } catch (exception) { return false ; }}...