网站常用的懒加载loading动态加载图合集

今天给大家分享诸多linux运维老司机在用的一些linux小技巧。希望能给大家在日常运维工作中带来如虎添翼的完美体验。

FontAwesome v4.7版提供了许多进阶用法，使图标看起来更酷。通过设置CSS前缀和图标的具体名称，可以将Font Awesome图标放在任意位置。放大图标可以增加图标大小相对于它们的容器，使用不同的类可以实现不同的放大效果。固定宽度图标可以用于不同宽度图标无法对齐的情况，尤其是在列表或导航时起到重要作用。无序列表图标使用fa-ul和fa-li轻松替换无序列表中的默认图标。引用效果图标使用fa-border和fa-pull-right或fa-pull-left可以轻易构造出引用的特殊效果。动态旋转图标使用fa-spin使任意图标旋转，还可以使用fa-pulse使其进行8方位旋转。组合图标可以使用fa-stack类将多个图标组合起来。此外，还可以使用fa-inverse类来切换图标颜色，并在父容器中通过添加larger icon类来控制整体大小。

在网站搭建的过程中很多时间都需要用到一些懒加载图片，为了过渡文章图片在加载的时候避免出现无图显示的情况，也更美观。

WordPress 6.5将支持AVIF格式的图片，AVIF（AV1 Image File Format）是一种利用开源视频编码格式 AV1 的高效压缩技术来编码图像的文件格式，相比于JPEG、PNG甚至WebP等早期格式，在图像质量和压缩方面都有了显著的提升。在同时保持相同的图像质量的情况下，AVIF格式的图片比JPEG格式最多小50%，还支持广泛的颜色范围，能够显示更丰富的颜色和更高的对比度（包括HDR），生成的图片更加清晰，细节更加丰富。

DoH/DoT 可以防止中间用户窃听和域名查询隐私泄漏的作用。两者相对来说 DoH 更通用一点，因为 DoT 走 853 端口，DoH 走的是 443 端口，通用性更好（有些网络可能会封这个不常见的 853 端口）。对于普通用户而言 DoH/DoT 主要体现了防止运营商对内容进行 HTTP 劫持，可以一定程度减少广告弹窗与内容篡改，对中国移动宽带和长城宽带的改善效果明显。