×
提示:
×
提示:
请:
谢谢!
Toggle navigation
技术头条
最新
读点非技术
我也分享
赞过
我的
IT技术博客大学习
微博登录
1
缓解 Flarum 图片加载时的布局偏移
(zgq.ink)
【简介】
现代的 Web 开发中,CLS(Cumulative Layout Shift)是一个关键的 性能指标,它主要关注用户在 Web 网页的使用中,发生意外布局偏移(Layout Shift)、影响用户体验的情况。导致 Layout Shift 的因素很多,这里主要讨论的是图片加载过程的影响。
点击查看原文 >>
由
@技术头条
2023-11-29 23:32 / 0个评论
赞过的人:
@IT技术博客大学习
要不要再学学下面的文章?
0
NextJS/React 加载远程组件
(innei.in)
写过文档的大佬们都知道 MDX 这个东西,对原本的 Markdown 进行了扩展,可以在 Markdown 中直接使用框架组件(React,Vue 等等)。
现在也有很多静态生成的博客使用 MDX 去编写博文,在博文中内嵌了 React 组件,在一些需要交互式的场景中,在传统的 Markdown 只能展示内容,而使用了组件就可以把死的文字变活。
MDX 的原理是在项目构建时,解析 Markdown 抽象语法树,把引入的组件进行了编译,然后嵌入到了文章内部。
而使用 MDX,就必须要引入编译时。而对于 CMS 类型的博客网站,因为内容都是动态生成的,就无法使用 MDX。
那么有没有办法去想一个歪路子去实现呢。
by
@技术头条
2024-03-13 13:21
查看详情
0
缓解 Flarum 图片加载时的布局偏移
(zgq.ink)
现代的 Web 开发中,CLS(Cumulative Layout Shift)是一个关键的 性能指标,它主要关注用户在 Web 网页的使用中,发生意外布局偏移(Layout Shift)、影响用户体验的情况。导致 Layout Shift 的因素很多,这里主要讨论的是图片加载过程的影响。
by
@技术头条
2024-01-28 23:56
查看详情
1
开源软件 FFmpeg 生成模型使用图片数据集
(soulteary.com)
本篇文章聊聊,成就了无数视频软件公司、无数在线视频网站、无数 CDN 云服务厂商的开源软件 [ffmpeg]。分享下如何使用它将各种视频或电影文件,转换成上万张图片数据集、壁纸集合,来让下一篇文章中的模型程序“有米下锅”,这个方法特别适合宫崎骏、新海诚这类“壁纸合集”类电影。
by
@技术头条
2023-11-29 23:44
查看详情
1
聊聊Web网页中资源加载的优先级
(www.zhangxinxu.com)
通过调整或设置资源加载的优先级或者先后顺序,可以让页面重要的资源优先加载,让不重要的内容之后加载,以提高页面的访问体验。
通过文中的视频比较显示了 Google 机票页面,其中加载了使用和不使用“提取优先级”加载的 LCP 背景图片。将优先级设置为“高”后,LCP 时间从 2.6 秒缩短到 1.9 秒。
by
@技术头条
2023-10-30 23:06
查看详情
1
小tips: JS字体加载失败或完毕的检测
(www.zhangxinxu.com)
如何判断 CSS @font-face 规则中的字体是否加载结束,是否加载成功?本文提供的方法你一定喜欢。
by
@技术头条
2022-07-24 20:46
查看详情
2
使用Flex实现常见布局的思路总结
(mp.weixin.qq.com)
flex全称Flexible Box模型,顾名思义就是灵活的盒子,不过一般都叫弹性盒子,所有PC端及手机端现代浏览器都支持,所以不用担心它的兼容性,有了这玩意,妈妈再也不用担心我们的布局。
by
@code小生
2022-07-24 10:59
查看详情
1
如何在苹果macOS下粘贴图片到PDF文件
(www.slyar.com)
今天需要粘贴一个图片进PDF文件然后发现苹果macOS自带的preview没有insert图片的选项,摸索了一下后找到了一个work around(你跟我说这个词怎么翻译?)。步骤如下。。。
by
@技术头条
2022-06-19 22:32
查看详情
2
如何用图片伪装文件?
(mp.weixin.qq.com)
国外黑客David Buchanan利用Twitter的漏洞,可以用图片伪装的方式传输一份“加密”文件,前提是不超过3MB。
by
@code小生
2021-10-18 21:28
查看详情
2
这两种完全不同的JPEG加载方式,你肯定见过!
(www.upyun.com)
通常网站使用的 JPEG 的内容显示通常有两种类型:基线或标准 JPEG 和渐进式 JPEG。
基线 JPEG 最常见的应用之一是在 Web 浏览器中呈现的图像。基线 JPEG 算法在从网络下载处理数据时逐行渲染图像……
by
@又拍云
2021-09-02 14:49
查看详情
1
来试下不一样的图片加载方式
(zhuanlan.zhihu.com)
一般而言,最常见的图片加载方式是 HTTP URI Scheme 简称 HTTP URI。除此之外,我们可以通过 Data URI Scheme 的方式来引入图片。Data URI Scheme 的方式和 HTTP URI 的使用较为类似,只是看起来多了很多“乱码”。那这些乱码有什么作用呢?和 HTTP URI 相比,它有什么优势让我们选择它呢?
by
@又拍云
2021-08-11 11:07
查看详情
使用微博登录,分享你的文章到本站
评论:
提交评论
近一周被赞排行
分享文章被赞得多,您就会出现在上面。还能给您微博带来新粉丝哦!