GitHub iconTwitter icon

HTML

<span>&nbsp;</span>

more functional

<span>
  {text === ' ' ? <>&nbsp;</> : text}
</span>
Html2Canvas(container as HTMLElement).then((canvas: HTMLCanvasElement) => {
  canvas.toBlob(blob => {
    if (!blob) {
      return;
    }
    const item = new ClipboardItem({ "image/png": blob });
    (navigator.clipboard as any).write([item]);
    container.removeChild(sheet);
    setCopyLoading(false);
  });
});

通用分享

只和其他平台是否遵循通用的`web`协议有关

navigator.share({
  title: document.title,
  text: 'Hello World',
  url: 'https://developer.mozilla.org',
}); // 分享MDN的URL

https://developer.mozilla.org/zh-CN/docs/Web/API/Navigator/share

<link
  rel="icon"
  href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>👨🏿‍💻</text></svg>"
/>

refs: https://css-tricks.com/emojis-as-favicons/

使用原生`input`作为搜索栏. 一些经验和优化。

移动端自定义enter键位

enterkeyhint

https://twitter.com/stefanjudis/status/1249958064041734144