打造自己的前端业务代码库

这是我很久以前写的文章，如果有什么不对的地方请指出，原文：https://ruizer.github.io/2019/04/30/front-end-util-code/
此项目仅供学习~

业务开发过程中，会经常用到数组对象分组、千分符、百分号、深拷贝等常用函数，为避免不同项目多次复制粘贴的麻烦，这里统一封装，并发布到npm，以提高开发效率。

项目地址：rui-utils，

安装使用

1. 直接下载lib目录下的rui-utils.min.js使用，支持UMD通用模块规范
2. 使用npm安装

浏览器:

  <script src="rui-utils.min.js"></script>
  <script>
      var thousand = rutils.thousandBitSeparator(20190430);
      // 20,190,430
  </script>

npm:

$ npm install rui-utils

webpack、RequireJS等

// 完整引入
const rutils = require('rui-utils')
const thousand = rutils.thousandBitSeparator(20190430)

API文档

array

   getUnion    得到两个数组的并集, 两个数组的元素为数值或字符串

   getIntersection    得到两个数组的交集, 两个数组的元素为数值或字符串

canvas

   windowToCanvas    窗口坐标换为canvas坐标

class

   addClass    为元素添加class

   hasClass    判断元素是否有某个class

   removeClass    为元素移除class

cookie

   getCookie    根据name读取cookie

   removeCookie    根据name删除cookie

   setCookie    设置Cookie

countTicks

   countTicks    从数组中取n个数据，并且相对平均

date

   getFormatDate    格式化日期，返回YYYY-MM-DD 格式的字符串日期

   getLatestDays    获取最近range天date数据

deepClone

   deepClone    深度克隆

deepClone

   getJsAsync    异步获取js库

letter

   camelCaseToKebabCase    驼峰转横杠写法

   kebabCaseToCamelCase    横杠转驼峰写法

   firstUpperCase    首字母大写

   fisrtLowerCase    首字母小写

number

   formatNumber    如果传入的数值小于10，即位数只有1位，则在前面补充0

   numberPrecent    数字转换成百分比

   numberScale    小数点移位置

   ranNumber    获取指定位数的随机数

   thousandBitSeparator    千分符分割

object

   groupBy    数组对象分组，按照对象字段分组

url

   parseQueryString    url参数转对象

   stringfyQueryString    对象序列化

本文完， 感谢阅读。