简介
在前端开发中，我们经常会遇到需要对长文本进行截取并添加省略号的情况。这时我们可以使用一个叫做 shave 的 npm 包来实现这个功能。
shave 是一个轻量级的 JavaScript 库，能够帮助我们快速地对文本进行截取，并且支持自定义省略号和截取位置等功能。
在本篇文章中，我将详细介绍如何使用 shave 包以及一些使用技巧。
安装
首先，我们需要在项目中安装 shave 包。可以通过以下命令来安装：
npm install --save shave
基本用法
安装完成后，我们就可以开始使用 shave 了。它的基本用法非常简单，只需按照以下步骤操作即可：
在 HTML 文件中引入
shave：<script src="./node_modules/shave/dist/shave.min.js"></script>
在 JavaScript 文件中调用
shave函数：const element = document.getElementById('my-element'); shave(element, 100);这里的
my-element是一个 DOM 元素的 ID，100 表示截取的文本长度。注意，如果你使用的是 ES6 模块化语法，那么可以将
shave导入后直接使用：import shave from 'shave'; const element = document.getElementById('my-element'); shave(element, 100);等待
shave函数执行完毕，就可以看到截取后的文本了。
除了基本的用法外，shave 还支持一些可选参数。下面我们来看一下这些参数及其作用。
可选参数
character
用于自定义省略号的字符。默认为 ...，可以通过下面的方式进行修改：
shave(element, 100, { character: ' …' });这里将省略号修改为了 …，即一个空格和一个半角省略号。
spaces
是否在截取位置之前保留完整的单词。默认为 true，表示保留完整单词；如果设置为 false，则会直接截取文本。
shave(element, 100, { spaces: false });classname
用于添加一个类名到被截取元素的父级元素上。这个类名可以用来自定义样式。
shave(element, 100, { classname: 'my-class' });truncation
当文本被截取时，该函数可以处理剩余文本。默认情况下，它返回 null。
shave(element, 100, {
truncation: function (remaining) {
return '<a href="#">Read more</a>';
},
});这里的 remaining 参数表示未被截取的文本内容，我们可以根据这个值来生成一个“查看更多”链接。
示例代码
下面是一个完整的示例代码，供大家参考：
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- --------------- --
------------ ------------
------- ------------------------------------------------------
-------
--------- -
------- --- ----- -----
-------- -----
-
--------
-------
------
---- ----------------
----- ----- ----- --- ----- ----------- ---------- ----- --- --- -----
---- ---- --------- -------- ----- -- ----- ----- --------- ------
------- - -------- ----
- ----------------------------------------------------------- --------
----------------------------------------------------------------------------------