有关安装延迟加载的一个非常愚蠢的问题

时间:2018-09-09 02:01:00

标签: javascript jquery

我对this plugin感兴趣,但老实说,我不知道如何在不添加data-src或将width / height值放入非常基本的img bbcode中的情况下安装LazyLoad?

如果是HTML,似乎很容易

<img src="image-link" data-src="image-link" width="x" height="y" />

但是,IMG bbcode怎么样?

[img]image-link[/img]
[img(100px,100px)]image-link[/img]

或者,在另一种情况下,使用现有的img类

<a href="" class="abc"><img src="image-link" /></a>

1 个答案:

答案 0 :(得分:-1)

故意发明了BBCodes,以将标签的严格状态表示为不太复杂的(非HTML)表示形式。图像的延迟加载应通过媒体查询(用于背景)或媒体查询绑定的javascript源并将其注入DOM(这种观点是基于我来自专业环境的事实,该环境通常会为所有内容创建组件需要使用React / Inferno或类似框架的与客户无关的附件。

从HTML的角度来看,data-src对DOM没有意义,它只是提供了一个自定义属性,必须对其进行处理才能获得含义。因此,您所采用的方法的标准化BBCode尚不为人所知,替代标记的任何语义上有价值的定义都可能会变得很复杂,因为BBCode比最终HTML更为复杂。

一个尚未解决的问题是:您是否旨在寻找一个能够为LazyLoad-PlugIn表达特定HTML的BBCode?如果是,则没有标准化,您必须自己在具体的应用程序/实现中创建它们。如果不是,则应避免使用标准的BBCode,而应提供一个自己的BBCode,该BBCode会实现所需形状的标签。