解决 Vue DevTools 中的 Open in Editor 错误唤起 Notepad 的问题

其实从 切换主力编辑器到 Cursor 开始,我的 Vue DevTools 插件中的 Open in Editor 功能一直都有问题。当时始想着都切换到 Cursor 了,再用 VS Code 来打开组件就不太合适了。所以就按照推荐的使用 Shell Commands 命令执行 Install 'code' command 直接把 Cursor 注册进去,以为就搞定了就没有再去验证。
实际上并没有注册成功(也不知道是不是因为我的受控账户所以没办法直接操作环境变量)。直到后面某一天调试的时候,突然发现并没有和预期的一样使用 Cursor 打开,而是直接通过 Notepad 记事本打开了对应的 .vue 文件!
重新执行 Shell Command: Install 'code' command 也没有效果。那我想着注册不行的话,我先恢复成 VS Code 打开拖动到 Cursor 里面先用着等有时间了再解决。结果执行完 uninstall 之后使用 Open in Editor 功能还是使用的 Notepad 打开的组件文件,我就裂开了 🤯。

但是当时开发任务又紧张,可以看到我有很长一段时间都没有更新博客也能发现。但是最近有时间了,就可以着手解决这个问题。

阅读全文

FireFox 真的不支持自定义滚动条样式吗?

刷到一个帖子问 Firefox 是不支持网页的滚动条样式吗?,说有些网页会呈现自定义的滚动条,Chrome 和 Safari 打开是正常的,但是 Firefox 只会显示默认的样式。

我的映像里也是这样的,FF对于支持滚动条的样式自定义并不是特别好,有一些属性会有问题。
但是为了回复更有价值和佐证,我还是去 MDN 上面检索了一下相关的 CSS 样式属性,但是查询出来的是 FF 是支持的而且是很早期就支持了,反而是 webkit 内核的浏览器早期对于滚动条样式的支持有问题!

CSS_scroll-bars-caniuse

这就很奇怪了,难道是我记忆错误了?

阅读全文

关于八股文面试题

这篇分享的起因是昨天在V站刷到一篇帖子,如何用 3–5 个高效问题快速识别 Golang 开发者的技术素养? 里面提到了我对于八股文面试题的看法。

都要出来面试了,但八股文都不愿意花点时间背,态度很明显就是有问题的,被刷掉也很正常。

从前我也是很讨厌面试时遇到各种八股文面试题,会觉得很无聊和无趣。因为是纯靠背的东西,面试考这些就很蠢。
但是慢慢接触了更多开发者之后,甚至自己面试别人多了之后,就会发现这些看起来很呆板的八股文面试题,其实起到了好几种作用,比如说:

  • 筛选不做任何面试准备的面试者;
  • 给初级开发在前期建立知识库。
阅读全文

为什么空白的 inline-block 元素会创建高度,而空白的 inline 和 block 元素不会?

去年2月份的时候在思否刷到一个问题 👉 span的display为inline-block 和inline的时候对父级元素高度的影响?
当时就觉得很奇怪,以为是一些其他的CSS属性影响导致的,但是问题后面提到了参考链接里面具体说了原因,只不过OP没有很好的理解,我也没有很好的理解。
因为就算是IFC的问题,inline-blockinline 元素的表现应该是差不多的。但是实际情况并不是这样,只有 inline-block 是特殊的情况。

一年多的时光中有几次想捋清楚这个问题,但是又因为各种借口搁置了,今天终于逮起劲来准备解决掉这个疑惑。

以下是当时写的一个复现Demo,只会显示子元素是 inline-block.container 会有高度(显示红色)。而子元素的 inlineblock.container 并没有高度,所以不会显示(蓝色和绿色)。

不同display类型的预览图

很奇怪是不是?

阅读全文