Lynan's Page - 7

在 Web 应用程序中预加载图像的 5 种方法

HTML JavaScript Preload

了解如何通过提前加载图像来优化您的 Web 应用程序用户体验 (UX)。

12 月 17 日，2022 前端约 5 分钟阅读

NanoPi R2S 折腾记

网络好玩路由器

从入门到放弃（放弃了)。

12 月 10 日，2022 其它约 4 分钟阅读

我种过的一些花花草草

12 月 4 日，2022 生活约 3 分钟阅读

【断更了】奇奇怪怪。

1 月 15 日，2021 生活约 3 分钟阅读

甲状腺癌的发现与治疗经验记录

我治疗甲状腺癌的经历。

生活约 16 分钟阅读

一些纪念意义的时刻

记忆随着时间变得越来越模糊，但感动和快乐依然清晰。—— 沃•孜基•朔得

生活约 4 分钟阅读

不想发朋友圈不想发微博那我就发这里吧

生活约 1 分钟阅读

上一页 1…5 67

Lynan

Live Young n Act Now.

68 文章 / 5 分类 / 35 标签 / 2 系列

.hdr-info-wrap { display: none; } #back-to-top { transform: translateY(0); pointer-events: all; opacity: 1; } .lazyload-wrap { display: none; } .travel-map-loading { display: none !important; } .travel-place-fallback-img { display: block !important; } .travel-place-cover noscript { display: block; width: 100%; height: 100%; } .travel-place-cover noscript img { display: block; width: 100%; height: 100% !important; object-fit: cover; z-index: 1; } .post-cover-img-wrap .cover-img { opacity: 1 !important; } #gitalk-container { display: none; } .hdr-switch { display: none; } #toc-toggle { display: none; } .copy-btn { display: none; } #page-donates { display: none; } #post-age-warning { display: none; } #toc .toc-item-wrap:not(.active) { opacity: unset; transition: unset; } #toc:hover .toc-item-wrap:not(.active) { opacity: unset; } #toc .toc-item-wrap.active .toc-item-link { font-weight: normal; color: #333; } #toc .toc-item-wrap.active .toc-item-link::before { display: none; } #toc .toc-item-wrap.active .toc-item-link:not(.active) { opacity: unset; } #toc .toc-item-wrap.active .toc-sub-item-link:not(.active) { opacity: unset; } #post .post-meta #content-switch { display: none; } #post figure.highlight.folded, #raw-markdown-block figure.highlight.folded { max-height: unset; overflow-y: auto; } #post figure.highlight.folded .fold-toggle, #raw-markdown-block figure.highlight.folded .fold-toggle { display: none; } .image-grid.scroll, .image-grid.slider, .image-grid.switcher { display: flex !important; gap: var(--image-grid-gap) !important; overflow-x: auto !important; overscroll-behavior-inline: contain; scroll-snap-type: x mandatory !important; -webkit-overflow-scrolling: touch !important; } .image-grid.scroll .grid-item, .image-grid.slider .grid-item, .image-grid.switcher .grid-item { display: block !important; flex: 0 0 min(86%, 760px) !important; width: min(86%, 760px) !important; margin-right: 0 !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; scroll-snap-align: center !important; transition: none !important; } .image-grid.scroll .grid-item .lazyload-wrap, .image-grid.slider .grid-item .lazyload-wrap, .image-grid.switcher .grid-item .lazyload-wrap { display: none !important; } .image-grid.scroll .grid-item .caption, .image-grid.slider .grid-item .caption, .image-grid.switcher .grid-item .caption, .image-grid.scroll .grid-item .pswp-caption-content, .image-grid.slider .grid-item .pswp-caption-content, .image-grid.switcher .grid-item .pswp-caption-content { display: block !important; } .image-grid.scroll .grid-item .lazyload-outer-wrap noscript, .image-grid.slider .grid-item .lazyload-outer-wrap noscript, .image-grid.switcher .grid-item .lazyload-outer-wrap noscript { display: block; } .image-grid.scroll .grid-item .lazyload-outer-wrap noscript img, .image-grid.slider .grid-item .lazyload-outer-wrap noscript img, .image-grid.switcher .grid-item .lazyload-outer-wrap noscript img { display: block; width: 100%; height: auto !important; margin: 0 auto !important; } .image-grid.switcher .image-grid-switcher-controls { display: none !important; }