<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/">
  <channel>
    <title>Javascript on 白眉斋</title>
    <link>https://blog.eyebrowkang.com/tags/javascript/</link>
    <description>Recent content in Javascript on 白眉斋</description>
    <image>
      <title>白眉斋</title>
      <url>https://blog.eyebrowkang.com/welcome.png</url>
      <link>https://blog.eyebrowkang.com/welcome.png</link>
    </image>
    <generator>Hugo</generator>
    <language>zh-CN</language>
    <copyright>2023-2025 白眉斋</copyright>
    <lastBuildDate>Sat, 27 Jul 2024 09:10:35 +0000</lastBuildDate>
    <atom:link href="https://blog.eyebrowkang.com/tags/javascript/index.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>文本截断</title>
      <link>https://blog.eyebrowkang.com/tech/text-truncation/</link>
      <pubDate>Sat, 27 Jul 2024 06:57:20 +0000</pubDate>
      <guid>https://blog.eyebrowkang.com/tech/text-truncation/</guid>
      <description>&lt;p&gt;在前端领域，谈到文本截断，很多人第一反应可能是&lt;code&gt;text-overflow: ellipsis&lt;/code&gt;这行代码。我也一样，而且这是我心目中最为简单和优雅的实现方式了，不过，现实之中总能遇到一些意外状况。比如，多行文本的截断怎么操作？
如果说这还有现成的属性可以用，那更麻烦一点的，如果截断操作不在DOM中，比如在canvas中，怎么办？&lt;/p&gt;</description>
    </item>
  </channel>
</rss>
