收集项目中用到的工具函数

工具函数

收集项目中常用的工具函数,以备后用,使用 TS 编写。

1. 时间格式化

/**
 * 格式化时间格式
 * @param {*} value 传入时间(单位秒)
 * @returns 返回时间格式 XX 天 XX 小时 XX 分钟 XX 秒
 */
export const formatSecond = function (value: number): string {
  value = value ?? 0;
  let secondTime = parseInt(value); // 秒
  let minuteTime = 0; // 分
  let hourTime = 0; // 小时
  let dayTime = 0; // 天
  let result = '';
  //如果秒数不小于 60,将秒数转换成整数
  if (secondTime >= 60) {
    //获取分钟,除以 60 取整数,得到整数分钟
    minuteTime = parseInt(secondTime / 60);
    //获取秒数,秒数取佘,得到整数秒数
    secondTime = parseInt(secondTime % 60);
    //如果分钟不小于 60,将分钟转换成小时
    if (minuteTime >= 60) {
      //获取小时,获取分钟除以 60,得到整数小时
      hourTime = parseInt(minuteTime / 60);
      //获取小时后取佘的分,获取分钟除以 60 取佘的分
      minuteTime = parseInt(minuteTime % 60);
      //如果小时数不小于 24,将小时转换成天
      if (hourTime >= 24) {
        //获取天,获取小时除以 24,得到整数天
        dayTime = parseInt(hourTime / 24);
        //获取天后取佘的小时
        hourTime = parseInt(hourTime % 24);
      }
    }
  }
  if (secondTime > 0) {
    result = `${parseInt(secondTime)} 秒`;
  }
  if (minuteTime > 0) {
    result = `${parseInt(minuteTime)} 分 ${result}`;
  }
  if (hourTime > 0) {
    result = `${parseInt(hourTime)} 时 ${result}`;
  }
  if (dayTime > 0) {
    result = `${parseInt(dayTime)} 天 ${result}`;
  }
  return result;
};

2. 系统、环境和浏览器

/**
 * 判断是否 PC
 */
export const isPC = (): boolean => {
  const userAgentInfo = navigator.userAgent;
  const Agents = ['Android', 'iPhone', 'SymbianOS', 'Windows Phone', 'iPad', 'iPod'];
  let flag = true;
  for (let v = 0; v < Agents.length; v++) {
    if (userAgentInfo.indexOf(Agents[v]) > 0) {
      flag = false;
      break;
    }
  }
  return flag;
};

/**
 * 判断是否微信环境(微信app,桌面微信软件等)
 */
export const isWechat = (): boolean => {
  return /MicroMessenger/i.test(window.navigator.userAgent);
};

/**
 * 判断是否 IOS 系统
 */
export const isIOS = (): boolean => {
  const u = navigator.userAgent;
  return !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
};

/**
 * 判断是否 Android 系统
 */
export const isAndroid = (): boolean => {
  const u = navigator.userAgent;
  return u.indexOf('Android') > -1 || u.indexOf('Adr') > -1;
};

/**
 * 浏览器
 */
export const getBrowser = () => {
  let explorer = navigator.userAgent.toLowerCase();
  let browser = "";
  if (
    explorer.indexOf("msie") > -1 ||
    !!window.ActiveXObject ||
    "ActiveXObject" in window
  ) {
    browser = "IE";
  } else if (explorer.indexOf("chrome") > -1) {
    browser = "chrome";
  } else if (explorer.indexOf("firefox") > -1) {
    browser = "firefox";
  } else if (explorer.indexOf("safari") > -1) {
    browser = "safari";
  } else if (explorer.indexOf("opera") > -1) {
    browser = "opera";
  }
  return browser;
}

3. 获取富文本内容中的图片

/**
 * 获取富文本内容中的图片
 */
export const getImgList = (richText: string): string[] => {
  // 如果富文本内容为空,则没有图片
  if (!richText) {
    return [];
  }

  const regex = /<img/g;
  const imgTags: string[] = richText.match(regex)!;
  let imgLen = 0;
  if (imgTags === null) {
    return [];
  } else {
    imgLen = imgTags.length;
  }

  // 没有找到图片
  if (imgLen === 0) {
    return [];
  }

  const imgElementList: string[] = [];
  const imgSrcList: string[] = [];

  richText.replace(/<img [^>]*src=['"]([^'"]+)[^>]*>/g, (match: string, capture: string): string => {
    imgSrcList.push(capture);
    imgElementList.push(match);
    return capture;
  });

  console.log('imgElementList', imgElementList); // 图片标签列表
  console.log('imgSrcList', imgSrcList); // 图片 src 属性值列表

  return imgSrcList;
};

4. 数字隐射字母

// 数字映射字母,如:{1 => "A"}、{2 => "B"}
const relationArr: Array<Array<string | number>> = [];
for (let i = 0; i < 26; i++) {
  const symbol: string = String.fromCharCode(65 + i);
  relationArr.push([i + 1, `${symbol}`]);
}
const indexSymbolRelationMap = new Map();
relationArr.forEach(([key, value]) => indexSymbolRelationMap.set(key, value));

// 使用
indexSymbolRelationMap.get(index + 1);  // index = 1, => A

原文链接:https://www.cnblogs.com/xinjie-just/p/17361594.html

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:收集项目中用到的工具函数 - Python技术站

(0)
上一篇 2023年4月28日
下一篇 2023年4月30日

相关文章

  • js 原型对象和原型链理解

    JS 原型对象和原型链理解 在 JavaScript 中,每个对象都有一个内部属性 [[Prototype]],也可以叫做原型,它指向另一个对象,而后者则有自己的原型,这样就形成了一个链接的原型链。最终的原型指向 null。 原型对象 原型对象是函数对象的一个属性 prototype,它是一个对象,包含了一些属性和方法,这些属性和方法会被实例对象所继承。每当…

    JavaScript 2023年5月27日
    00
  • JS Common 2 之比较常用到的函数第1/3页

    JS Common 2 之比较常用到的函数第1/3页 简介 本攻略介绍了 JavaScript 中比较常用到的函数,包括字符串处理、数组处理、数学运算、日期处理等方面。 字符串处理 substring() substring() 方法用于提取字符串中指定位置的子字符串。 语法:string.substring(startIndex, endIndex) 示例…

    JavaScript 2023年6月11日
    00
  • JavaScript实现请求服务端接口方法详解

    JavaScript实现请求服务端接口方法详解 一、概述 在Web开发中,经常需要从服务端获取数据或提交数据到服务端。这时,我们可以通过AJAX技术来完成数据的异步交互。使用JavaScript实现异步请求服务端接口,可以大大提升用户体验和页面的交互性。在本文中,我们将详细介绍使用JavaScript实现请求服务端接口的方法,以及两个示例说明。 二、使用XM…

    JavaScript 2023年6月11日
    00
  • JS保存和删除cookie操作 判断cookie是否存在

    下面是JS保存和删除cookie操作以及判断cookie是否存在的完整攻略。 保存cookie 在JS中,保存cookie需要使用document.cookie属性,并将需要保存的键值对以字符串的形式传递给该属性。具体操作步骤如下: 根据需要创建需要保存的键值对。 将键值对以字符串的形式传递给document.cookie属性。 示例如下: // 创建需要保…

    JavaScript 2023年6月11日
    00
  • javascript解析json格式的数据方法详解

    以下是 “JavaScript 解析 JSON 格式的数据方法详解” 的完整攻略: 1. 什么是 JSON JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,也易于机器解析和生成。JSON 格式数据可以被 JavaScript 中的 JSON.parse() 方法直接解析为 JavaScript 对…

    JavaScript 2023年5月27日
    00
  • Javascript实现的SHA-256加密算法完整实例

    Javascript实现的SHA-256加密算法完整实例 SHA-256是一种常用的加密算法,可以对文本进行加密处理,被广泛应用于网络安全、密码学等领域。本文将介绍如何使用javascript语言实现SHA-256加密算法,并提供详细的完整代码实例。 一、SHA-256加密算法基础知识 SHA-256是一种基于哈希加密算法的加密方式,它可以将任意长度的输入信…

    JavaScript 2023年5月19日
    00
  • 在html中添加script脚本的2种方法和注意事项

    在HTML中,我们可以通过添加<script>标签来添加JavaScript脚本。下面分别介绍两种添加<script>标签的方法以及需要注意的事项。 方法一:直接添加在HTML文件中 在HTML文件中,可以使用<script>标签来内联嵌入JavaScript代码。可以把脚本放在<body>标签或<hea…

    JavaScript 2023年5月27日
    00
  • yii form 表单提交之前JS在提交按钮的验证方法

    当我们在 Yii 的视图中使用表单时,我们可能需要对用户输入的数据进行验证,以确保它们符合我们的要求。为了达到这个目的,我们可以使用客户端 JavaScript 在提交表单之前对数据进行验证。下面是如何在 Yii 框架中使用 JavaScript 在提交按钮的验证方法之前进行表单验证的详细攻略: 步骤1:在视图中创建表单 首先,我们需要在 Yii 的视图中创…

    JavaScript 2023年6月10日
    00
合作推广
合作推广
分享本页
返回顶部