首页 Home.

  • 在23年末的时候发现自己所制作的wp主题没有一个满意的,后来在 张洪Heo 的一篇文章中发现一个博客感觉还不出错,心想自己做一个类似的,有动画,全站无刷新加载,丝滑流畅的主题。 这篇文章在这:https://blog.zhheo.com/p/a38d711c.html 而让我有创意灵感的博客是 异次元de机智君 ,丝滑流畅的动画真的让人浏览起来很舒服。而且文章样式也写得非常fashion,我非常喜欢这种清新感的格式。 来看看我最近的成果(写得也不是很完美): 浏览一下外观 基本模型参考了 异次元de机智君 博客 首页外观 文章详情页 这是手机的: 手机端菜单 抄的 Dribbble (嘘🤫,我 […]

  • 使用 node.offsetWidth 方法可以获取到元素的宽度,类似的方法如下: 问题诞生 我们通过offset方法获取的数值会以四舍五入方式取整,然而在我们开发的时候,有些地方需要精准的数值,这时候,用offset方法就不太可行。 解决办法 通过 getBoundingClientRect() 方法就能获取到元素的精确数值 (精确到小数点后6位) 。 用法 如 node.getBoundingClientRect().width 就可以获取到元素的宽度,类似的方法如下: 详解 getBoundingClientRect() 返回的是矩形的集合。表示当前元素在浏览器中的位置以及占用的空间大小 […]

  • 当鼠标移入一个元素时,元素底部从左到右出现一个线条占满整个元素的长度。当鼠标移开后,线条继续向右移动直到消失。 效果展示 实现原理 利用伪元素通过 transform-origin 和 transform 的 scaleX 的变化来达到这种效果。 代码实现 示例代码,仅供参考 HTML部分 CSS部分 举一反三 假如要实现从右往左呢?只需要将 transform-origin 中的第二个值写反即可。 修改如下,其他均不变。

  • 像这种情况一般是家庭版原因造成的,但也不排除其他情况。可以检查一下 C盘 - Windows - system32 中是否含有 gpedit.msc 文件,如果没有就无法使用本地组策略编辑器。 可以使用以下方法安装: 新建一个 bat 文件,将以下代码放入并双击运行。 运行时会自动下载一些相关文件,等待完成即可。 完成后再按 win + r ,输入 gpedit.msc 就能打开本地组策略编辑器了。

  • 在主题的 functions.php 文件中添加以下代码:

  • 强制一行显示,超出显示省略号 自定义行数,超出显示省略号 其中 -webkit-line-clamp 为自定义行数。