好用的js工具类

浏览器console使用Jquery调试

console中输入以下代码：

var jquery = document.createElement('script');  
jquery.src = 'https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js';
document.getElementsByTagName('head')[0].appendChild(jquery);  
jQuery.noConflict(); //解决库冲突

输入以下代码进行验证

$.fn.jquery

输出以下内容，表示正常

"3.4.1"

动态加载js

//动态加载js文件
function remoteImport(url) {
    return new Promise((resolve) => {
        let head = document.getElementsByTagName("head")[0];
        let script = document.createElement("script");
        script.setAttribute("type", "text/javascript");
        script.setAttribute("src", url);
        head.appendChild(script);

        script.onload = function () {
            resolve();
        };
    });
}

remoteImport('https://unpkg.com/valine@1.5.2/dist/Valine.min.js').then(() => {});

字符串相关

Slugify

Slugify: 优雅地生成URL友好的字符串 slugify 是一个简洁易用的 Node.js 库，用于将字符串转换为 URL 友好的格式。 如果您在构建网站、博客或 API 时需要处理字符串并将其转换为 URL 可读的形式，slugify 将成为您不可或缺的工具。

项目首页：https://gitcode.com/slugify/slugify/overview;

https://www.npmjs.com/package/slugify

npm install slugify

然后，在您的应用中导入并使用 slugify 函数：

const { slugify } = require('slugify');

// 将字符串转换为 URL 友好的格式
const result = slugify('Hello, World!');
console.log(result); // 输出 "hello-world"

优化方案

slugify 是一个常用于创建URL友好字符串的函数，它通常用于将文章标题或其他文本转换为仅包含小写字母、数字和连字符的字符串。

，因为它们通常只考虑了英文字符的转换规则。

解决方法： 要使 slugify 函数识别并转换中文字符，你需要使用一个能够处理中文的转换方法。 以下是一个简单的示例，使用了 slugify 库和 lodash 的 deburr 函数来处理中文字符的转换：

首先，安装 slugify 库和 lodash：

npm install slugify
npm install lodash

使用以下代码进行转换：

const slugify = require('slugify');
const _ = require('lodash');
 
function customSlugify(text) {
  // 使用 deburr 去除文本中的重音符号，使得 "é" -> "e" 等
  const preparedText = _.deburr(text);
  // 使用 slugify 进行转换，并设置选项以去除非单词字符
  return slugify(preparedText, {
    replacement: '-',  // 转换空格和非单词字符为连字符
    remove: /[^w-]+/  // 移除非单词字符
  }).toLowerCase();
}
 
const chineseText = '你好世界';
const slug = customSlugify(chineseText);
console.log(slug); // 输出: "ni-hao-shi-jie"