CSS 踩坑之浏览器长度单位，vh，lvh，svh
对于将页面得一个内容全屏显示，我们可以使用vh这个单位，vh代表浏览器视口得高度，也就是当前可见区域高度，如果你想要在显示个页头，可以使用计算属性，也就是.demo{height: calc(100vh-var(--header-height))}例如tesla的官网，首页就是铺满一个屏幕即使在手机
查看全文
前端
-
27 2025年02月
2025年02月27日 -
11 2022年08月
2022年08月11日
【学习笔记】js判断元素是否有滚动条
有些时候我们可能会通过元素是否有滚动条来做一些特殊的样式处理，因为在chrome中，滚动条是有大小的。比如bootstrap-table 就通过判断 body上是否有滚动条来偏移 header，使之对齐，不过默认的那个判断有点问题我所知道的大概就是下面两个方法，但是细节有所差异。
查看全文 -
19 2022年06月
2022年06月19日
简单的在你的网站中展示 3d 模型
如果你想在你的网站中展示3d模型，你可以使用 threejs 这个库，不过你还是需要写一点代码去加载你的3d模型的，还有处理鼠标的视角操作等那么怎么可以方便的展示你的模型呢你可以使用 model-viewer 这个库，只需要下面几行代码，就可以在你的网站显示3d模型<!-- Import th
查看全文 -
22 2022年03月
2022年03月22日
【学习笔记】 css 伪类 only-of-type
最近想实现一个效果，这里有一个input，他的width为 100%，如果这时候又有两个input，其中一个就会被挤出去。所以我在想css能不能实现根据容器内元素的数量来实现不同的样式，可惜没有找到。不过我找到了另一个，虽然和我当初想的不一样，但是也可以实现我上述的问题。他就是 :only-of-t
查看全文 -
06 2022年03月
2022年03月06日
记一次halo主题二开的过程
现在写这篇文章的时候，我使用的一个叫雪的主题,页脚可以自定义一些社交网络，可是没有B站，我打算加一个上去。为了以后还有其他的自定义需求，我clone了原项目，打算自己维护一个版本。本来想着还是蛮简单，不就改改提交，然后原作者加了新的功能可以的话就一并拉过来，自己也可以在halo后台这里更新，结果我整
查看全文 -
18 2021年12月
