很可能这不是一个严重的问题,但也许可以解决,如果是这样,请提供建议:
假设我想创建按钮来更改文本大小并将所有内容写入localStorage
.
后来,我编写了一个检查器,它会捕获值并更改文本大小。
难点是页面加载的时候,先加载css文档,然后通过js修改值,在这种情况下,几百毫秒,我看文本是怎么变成第一个16px
,然后变成我需要的.
是否有可能以某种方式纠正这种情况并使尺寸的应用更快?
如果jQuery中有解决方案,那我原谅你不去碰它,在纯JS中理解它很有趣。
很可能这不是一个严重的问题,但也许可以解决,如果是这样,请提供建议:
假设我想创建按钮来更改文本大小并将所有内容写入localStorage
.
后来,我编写了一个检查器,它会捕获值并更改文本大小。
难点是页面加载的时候,先加载css文档,然后通过js修改值,在这种情况下,几百毫秒,我看文本是怎么变成第一个16px
,然后变成我需要的.
是否有可能以某种方式纠正这种情况并使尺寸的应用更快?
如果jQuery中有解决方案,那我原谅你不去碰它,在纯JS中理解它很有趣。
在这种情况下,从最终用户的角度来看,最佳解决方案是让他不会看到按钮大小的这些短期变化。
从开发人员的角度来看,乍一看,这可能看起来不太方便,但如果您追求高质量的 UI 和 UX,下面建议的策略绝对值得考虑。
由于我不完全了解/了解您的具体情况和任务,所以我将其留在这里,是否值得由您决定。
战略:
在结束标记之前
</head>
,放置一个在页面加载时触发的脚本。它应该访问根元素(body
在 JS 或html, body
jQuery 中)并使其opacity
立即等于 0。几秒钟后(如果您使用计时器)或任何其他钩子/触发器,当按钮已经存在时将值返回 1 “正确”的尺寸。