开源移动端元素拖拽惯性弹动以及下拉加载两个JS--技术头条 -- 微博大V帮你宣传技术博文开发者头条码农头条

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

NextJS/React 加载远程组件

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

查看详情

无图

li lisenhui.cn / 2024-03-13 13:20

记一次无法弹出移动硬盘的记录

或许在当下云计算时代，已经很少有人会用到移动硬盘或U盘的经验，亦或者大多数人都没有弹出移动设备后再拨出的习惯。笔者因早年在使用U盘时经历过直接拨出U盘导致其报废的“惨痛”教训，因此对移出设备的操作是铭记于心，万不敢直接拨插移动设备。但就是这个只需点击一次移出设备的操作，很多时候就会让我们有些烦恼，因为它有时候总喜欢和你对着干。这不今天就遇上一件无法解释的诡异现象:移动硬盘无法弹出，尝试过之前的各种妙招后仍是无济于事，最后也只是能祭出万能的关机大法才算是得以解脱。

查看详情

无图

zg zgq.ink / 2024-01-28 23:56

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

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

查看详情

无图

is www.iszy.cc / 2023-11-29 23:37

让一个元素高度随宽度按比例自适应

宽度的自适应是根据 Viewport 的 width 来调整的，高度的自适应也根据 Viewport 的 height 来调整的，理论上和 width 没有任何关系。所以需要找到一个可以关联上 Viewport 的 with 的属性还能撑起高度。

这个属性就是 padding，padding 是根据 Viewport 的 width 来调整的，padding-top 和 padding-bottom 也是如此，所以我们设置这个属性就可以和 width 保持一定比例了。

查看详情

无图

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 秒。

查看详情

无图

ty type.cyhsu.xyz / 2023-07-02 23:31