关于安装延迟加载的一个非常菜鸟的问题



我对这个插件感兴趣,但老实说,我不知道如何在不添加 data-src 或将宽度/高度值放入非常基本的 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>

BBCodes 是有意发明的,用于将标签的严格状态表示为不太复杂(非 HTML(的表示形式。图像的延迟加载应该由媒体查询(用于背景(或媒体查询绑定的javascript源并将它们注入到DOM来完成(这种观点是基于这样一个事实,即我来自一个专业环境,该环境通常使用React/Inferno或类似框架为所有需要客户端不可知的附件创建组件(。

从 HTML 的角度来看,data-src 对 DOM 没有任何意义,它只是提供了一个自定义属性,必须由 javascript 处理才能获得含义。因此,您的方法的标准化BBCode是未知的,替代标签的任何语义有价值的定义都可能达到BBCodes比其生成的HTML更复杂的复杂性。

一个仍未得到解答的问题是:你的目标是找到一个能够表达LazyLoad插件特定HTML的BBCode吗?如果是,则没有标准化的,您必须自己在具体的应用程序/实现中创建它们。如果没有,您应该避免使用标准的BBCode,并提供自己的BBCode,该BBCode实现了确切所需形状的标签。

相关内容

最新更新