前言
在 Web 开发中，我们经常需要把字符串转化为 URL。为此我们可以用 JavaScript 提供的 encodeURI 和 encodeURIComponent 方法。但是这些方法若与 Mustache.js 配合使用时存在一些限制。因此，我们需要一个功能更强大的工具，那就是 can-viewurlify。
can-viewurlify 是一个基于 CanJS 的 npm 包，可以把字符串转化为符合 URL 规范的字符串。它是一个轻量并且易于使用且具有深度的工具，下面我们就一起来看它的使用教程吧！
安装
可以使用 npm 进行安装，运行以下命令即可：
--- ------- -------------- ------
使用
使用 can-viewurlify 非常简单，只需要在你的代码中引入它，然后调用即可。具体的使用方法如下：
------ ------------- ---- ----------------- ----- --- - ------------------- -- - --------- ----------------- -- ----------------
在这个实例中，我们把一个字符串转化为 URL，返回的结果就是符合 URL 规范的那个字符串。非常简单易懂吧！
API
can-viewurlify 提供了以下方法：
canViewurlify(str)
把传入的字符串转化为符合 URL 规范的字符串。
canViewurlify.addType(name, pattern)
添加一个特定类型的规则，转化字符串时会应用这个特定的规则。
参数：
- name：规则名称，必填。
- pattern：规则匹配的正则表达式，必填。
使用示例：
------------------------------ ------------- ----- --- - ----- -- - ---- --------- ----- --- - ------------------ - ------ --------- --- ----------------- -- ---------------
在这个实例中，我们添加了一个名为 vowel 的规则，它匹配的是字符串中所有的元音字母。然后我们再把字符串转化为 URL 时，设置选项为 {rules: ['vowel']}，即使用我们自定义的规则进行转化。
结束语
can-viewurlify 是一个非常实用的工具，它让我们在 Web 开发时可以方便地把字符串转化为符合 URL 规范的字符串。在学习和使用过程中，如果遇到什么问题，可以去查看 can-viewurlify 的官方文档，或者在 GitHub 上查看项目源码。希望能对你有所帮助！
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60066c91ccdc64669dde5954