shave 缓存_使用Shave.js插件动态截断的文本

大多数WordPress博客都使用“更多信息”功能来显示帖子的预览文本。 为了节省空间并鼓励读者进一步单击以继续阅读，该文本在特定位置被截断并删节。

但是有时您会想要将此功能添加到单个页面上。 输入Shave.js ，这是用于动态截断内容JavaScript插件。

关于此插件的一个很酷的事实是，它是由Dollar Shave Club创建的，该团队制作了我见过的最有趣的广告之一。 我什至不知道他们的团队甚至有一个GitHub页面，但是它充满了原始和分叉的存储库。

这个特定的插件是相当新的，它已经有800颗星。 它是无依赖的，因此无论浏览器或其他随附的库如何，它都可以在纯JavaScript上运行 。

shave（）函数仅采用两个参数，代码设置也非常简单： 元素选择器和该元素的最大高度 。 这是一个非常基本的示例：

maxheight = 320;
    shave('.elemclass', maxheight);

自然，在截断文本之后， 您可以为自定义字符传递额外的参数 ，或者在要应用剃刮效果的地方使用多个选择器 。

实际上，您可以在Shave插件网站上看到一个实时演示，他们也有一个不错的CodePen演示 。

如果您愿意使用Shave，则可以在jQuery或Zepto上使用它们。 但是，由于它也可以在Vanilla JS上运行，因此它是最容易插入网站并开始使用的插件之一。

在很多情况下，您都想截断文本，但是当您这样做时，使用Shave这样的插件要比自己编写所有代码容易得多。

首先，请从GitHub存储库下载副本或从npm之类的存储库中提取副本。 您还可以在GitHub存储库上找到指南和文档，以便从字面上复制，粘贴和剃毛！

翻译自: https://www.hongkiat.com/blog/shave-plugin/