个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
我正在尝试使字符串精确地适合特定宽度。这意味着字体大小会根据字符串而变化。我现在使用以下函数，使用 jQuery:
function fontResize ( )
{
for (var i = $("#date").css("font-size").slice(0, -2); $("#date").width() < $("#clock").width(); i++)
$("#date").css("font-size", i.toString() + "px");
}
我的想法是将 CSS 中的字体大小设置为尽可能低的值。我用这个值初始化循环，并用 1 递增字体大小，直到字符串比包含元素的宽度宽。本例中的字符串是“date”，包含的元素是“clock”。
虽然这可行，但我认为主要缺点是必须先绘制字符串才能确定宽度。这意味着我无法在加载正文之前调用此函数。
如果有人知道更好的方法，请告诉我!谢谢。
最佳答案
为了确保您获得所有样式以及在页面完全呈现时应用的所有样式，是的，您确实希望将元素放入 DOM 中(并放置在 DOM 中的正确位置) 在你做你的测量之前。但是您不必等到所有else 都准备就绪(除非您认为它会影响您正在测量的字符串的样式)。您可以将代码放在 script block 中，立即在相关元素之后 — 无需等待 ready。根据 Google's Closure library engineers，date 元素将在那里并可访问.例如，如果 date 是一个 span:
<body>
...
<span id="date">December 13th</span>
<script>fontResize();</script>
...
...
</body>
像这样混合代码和标记是很不幸的(特别是如果您有不同的团队来执行标记和代码)，但是如果您的要求是尽快调整文本的大小，那就是这样。
以上还假设您的 fontResize 函数已经加载(例如，在页面上方的 script block 中)。这是不幸混合标记和代码这样的另一个原因，因为通常当然你想把你的脚本 at the bottom ，就在关闭 body 标签之前。
但是:可能值得尝试一下，看看您是否可以在放在结束 body 标记之前的脚本中调整大小。页面看起来不正确的机会很小，但很小，当然页面在加载时往往看起来有点滑稽。这样您就不会遇到混合问题，也不必提前加载脚本。您可能会发现 just-before-the-closing-body 标签很快就够了。
关于javascript - 在 Javascript 中测量字符串宽度，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8490195/
24
4
0
性能优化的重要性不言而喻，Google 的 研究表明 ，当网站达到核心 Web 指标（Core Web Vitals）阈值时，用户放弃加载网页的可能性会降低 24%。 如何
我正在创建一个横幅设计创建器(这样人们就可以使用自己的文本、背景、图像、形状等来制作自己的设计)。我的产品有各种尺寸，例如:800x2000 mm、A4(210 x 297mm)、3300x2200m
我不确定如何使用测量来获取单位的全名。例如“公里”而不是“公里”。 let measurement = Measurement(value: 50, unit: UnitLength.meters)
我有一个自定义 ViewGroup，它有一个子 ViewPager。 ViewPager 由 PagerAdapter 提供，该 LinearLayout 向 ViewPager 提供 LayoutP
我想测量一个大型软件项目在 Linux (make) 中构建过程中的内存消耗是多少内存。理想情况下，消耗会按操作(即编译、链接)拆分，但一开始绘制随时间变化的图表可能就足够了。 我有哪些选择？ 最佳答
我正在运行一个 SSIS 包来从一个平面文件加载一百万行，它使用一个脚本任务进行复杂的转换和一个 SQL Server 表目标。我试图找出在数据流处理期间将行数(可能是 1000 的倍数以提高效率)写
我正在尝试检查 Keras 模型不同层的执行速度(使用来自 tensorflow 2.3.0 v 的 keras) 我从这个 repo 中获取了代码并修改它，使用 timer() from from
我有一个旧的应用程序，一个 JAR 文件，它经过了一些增强。基本上必须修改代码的某些部分以及修改一些逻辑。 将旧版本与新版本进行比较，新版本比旧版本慢约 2 倍。 我试图缩小导致速度变慢的原因，但我发
我正在尝试测量不同 Silverlight 图表库(例如 Silverlight Control Toolkit、Visifire、Telerik)在屏幕上加载所需的时间。 我的问题是我只能测量加载控
由于 TTFB 会因每个请求而异，因此我想对其进行统计并获取平均值。有谁知道我如何通过 PHP 进行测量？bytecheck.com 网站能够分析这些数据:这是 example.com 的示例:htt
我正在使用 .NET 4.0 C# 编写应用程序。我将对象放在 .net httpruntime 缓存中，并希望在其上生成一些统计信息。我想知道对象在放入缓存之前的大小以及它在缓存中的大小。我该如何衡
我正在寻找某种方法来测量应用程序的启动时间。从点击应用程序图标的那一刻到用户可以看到例如登录页面的那一刻。 最佳答案 跑 flutter run --trace-startup --profile 跟
我正在优化 iPhone 应用程序以实现非常短的加载时间，我想知道: 是否有一种方法可以测量 iPhone 应用程序从用户点击图标到应用程序可用(或至少 –viewDidLoad 被调用)的加载时间？
我无法理解 中的一件事谷歌分析 .我的应用中需要一个功能，例如 一个 用户将我的应用转至 乙用户然后他得到了一些奖励，但我想跟踪 一个 时通过链接的用户 ID乙用户点击该链接然后我可以得到一个 中的用
有没有办法用 DUnit 来衡量代码覆盖率？或者有没有免费的工具可以实现这一点？你用它做什么？您通常追求什么代码覆盖率？ Jim McKeeth:感谢您的详细回答。我谈论的是 TDD 方法意义上的单元
当我执行Makefile时，是否可以递归地回荡在make all的每个目标中花费的（系统，用户，实际）时间？ 我想以比time make all更细粒度的方式对项目的编译进行基准测试。理想情况下，它将
R 中有衡量函数执行时间的标准化方法吗？ 显然我可以在执行之前和之后获取system.time，然后取它们的差异，但我想知道是否有一些标准化的方法或功能(不想发明轮)。 我似乎记得我曾经使用过如下的东
我最近为了好玩而开始学习 Fortran，我想知道是否有任何简单的方法来显示执行我的代码所花费的时间。这只是一个数到一百万的简单循环，我想看看完成这个需要多长时间。 如果有帮助，这是我正在使用的代码:
我正在开发一个 Shiny 的应用程序。 我对计算执行某些代码块(例如 ggplot 等)所需的时间很感兴趣。 出于某种原因，使用通常的时钟方法似乎在响应式(Reactive)调用中不起作用，例如:
我想测量 jpeg 的白色/黄色量(在可调整的容差范围内)。 我正在尝试开发一种质量控制工具来测量杏仁的缺陷。缺陷是棕色杏仁皮上的划痕(见下图)。由于这些缺陷是白色/黄色的，我想要一种简单地将图像加载
我是一名优秀的程序员,十分优秀！