BR 技术头条 技术链接、资讯与社区分享流

相关分享

in innei.in / 2024-03-13 13:21

NextJS/React 加载远程组件

写过文档的大佬们都知道 MDX 这个东西，对原本的 Markdown 进行了扩展，可以在 Markdown 中直接使用框架组件（React，Vue 等等）。
现在也有很多静态生成的博客使用 MDX 去编写博文，在博文中内嵌了 React 组件，在一些需要交互式的场景中，在传统的 Markdown 只能展示内容，而使用了组件就可以把死的文字变活。
MDX 的原理是在项目构建时，解析 Markdown 抽象语法树，把引入的组件进行了编译，然后嵌入到了文章内部。
而使用 MDX，就必须要引入编译时。而对于 CMS 类型的博客网站，因为内容都是动态生成的，就无法使用 MDX。
那么有没有办法去想一个歪路子去实现呢。

查看详情
无图
zg zgq.ink / 2024-01-28 23:56

缓解 Flarum 图片加载时的布局偏移

现代的 Web 开发中，CLS（Cumulative Layout Shift）是一个关键的 性能指标，它主要关注用户在 Web 网页的使用中，发生意外布局偏移（Layout Shift）、影响用户体验的情况。导致 Layout Shift 的因素很多，这里主要讨论的是图片加载过程的影响。

查看详情
无图
zg zgq.ink / 2023-11-29 23:32

缓解 Flarum 图片加载时的布局偏移

现代的 Web 开发中，CLS（Cumulative Layout Shift）是一个关键的 性能指标，它主要关注用户在 Web 网页的使用中，发生意外布局偏移（Layout Shift）、影响用户体验的情况。导致 Layout Shift 的因素很多，这里主要讨论的是图片加载过程的影响。

查看详情
无图
zh www.zhangxinxu.com / 2023-10-30 23:06

聊聊Web网页中资源加载的优先级

通过调整或设置资源加载的优先级或者先后顺序，可以让页面重要的资源优先加载，让不重要的内容之后加载，以提高页面的访问体验。

通过文中的视频比较显示了 Google 机票页面，其中加载了使用和不使用“提取优先级”加载的 LCP 背景图片。将优先级设置为“高”后，LCP 时间从 2.6 秒缩短到 1.9 秒。

查看详情
无图
up www.upyun.com / 2021-09-02 14:49

这两种完全不同的JPEG加载方式，你肯定见过！

通常网站使用的 JPEG 的内容显示通常有两种类型：基线或标准 JPEG 和渐进式 JPEG。

基线 JPEG 最常见的应用之一是在 Web 浏览器中呈现的图像。基线 JPEG 算法在从网络下载处理数据时逐行渲染图像……

查看详情
无图
zh zhuanlan.zhihu.com / 2021-08-11 11:07

来试下不一样的图片加载方式

一般而言，最常见的图片加载方式是 HTTP URI Scheme 简称 HTTP URI。除此之外，我们可以通过 Data URI Scheme 的方式来引入图片。Data URI Scheme 的方式和 HTTP URI 的使用较为类似，只是看起来多了很多“乱码”。那这些乱码有什么作用呢？和 HTTP URI 相比，它有什么优势让我们选择它呢？

查看详情
无图
mp mp.weixin.qq.com / 2021-08-01 19:03

Android-图片加载库 Coil 介绍

Coil是Android上的一个全新的图片加载框架，它的全名叫做coroutine image loader,即协程图片加载库。与传统的图片加载库Glide，Picasso或Fresco等相比。该具有轻量（只有大约1500个方法）、快、易于使用、更现代的API等优势。它支持GIF和SVG，并且可以执行四个默认转换：模糊，圆形裁剪，灰度和圆角。并且是全用Kotlin编写，如果你是纯Kotlin项目的话，那么这个库应该是你的首选。

查看详情
无图
mp mp.weixin.qq.com / 2021-01-26 00:57

Android各版本迭代信息集合

今天分享的面试题是：
Android在版本迭代中，总会进行很多改动，那么你熟知各版本都改动了什么内容？又要怎么适配呢？

查看详情
无图