地平线·梦

与其临渊羡鱼，不如退而结网

发表于 分类于 Disqus：

零宽连字是一个控制字符，放在某些需要复杂排版语言(如阿拉伯语、印地语)的两个字符之间，使得这两个本不会发生连字的字符产生了连字效果。零宽连字符的 Unicode 码位是 `U+200D`，HTML 实体标识是 `‍` 或者 `‍`

阅读全文 »

发表于 分类于 Disqus：

z-index 失效

在 Safari 浏览器中，使用 3D 变换时，会导致该元素的 z-index 层级设置失效，解决办法有两种：

  1. 给变换元素的任意父元素添加 overflow: hidden 属性
  2. 通过 transform: translateZ() 来设置 Z 轴的距离

多个相邻的 3D 变换元素穿模

在通过 overflow: hidden 解决了 z-index 属性失效的问题后，又发现多个在一起的元素，会出现穿模现象。
在 A 与 B 重叠的区域，本该 A 覆盖 B 的情况，却出现了一部分是 A 覆盖 B, 另一部分却是 B 覆盖 A。

暂时未找到解决方式，通过属性 backface-visibility: hidden 能稍微缓解一些这种情况，但依然无法根除。

参考链接

  • https://www.zhangxinxu.com/wordpress/2016/08/safari-3d-transform-z-index/
  • https://zhuanlan.zhihu.com/p/33194664

发表于 分类于 Disqus：

Windows 系统的 cmd 工具饱受开发人员的非议，后来 Windows 内置了 Linux 子系统 WSL (Windows subsystem for Linux)，并推出了 Windows Terminal 工具，其中可打开 Ubuntu bash 终端，并且可访问 Windows 系统的文件，虽然我以前已经习惯了使用 Cmder 终端提供的 bash，但还是想试试 WSL。
但是在使用时发现，在这个 bash 终端中使用 node/npm/npx 命令会出现错误，无法使用。搜索发现不少人遇到这个问题，在 microsoft/WSL 的仓库中提了 issue。查看下来发现多数人的解决方法是在子系统中重新安装 node，但我不想把同一样工具安装两个，之后终于找到了解决方法，并在这里记录下整个过程。

阅读全文 »

发表于 分类于 Disqus：

我希望做一个没有良知的坏蛋，一个彻头彻尾的人渣；只是受到教育培养起来的良心在阻止我。做不成违背道德、践踏法律的恶人，又没有分辨好人与坏人的眼睛，我只好剁碎了那颗与人为善之心，拿出去喂狗。

阅读全文 »