10获取元素距离body的偏移量 // 获取元素距离BODY的偏移量const offset = function offset(element) {let parent = element.offsetParent,top = element.offsetTop,left = element.offsetLeft;while (parent) {if (!/MSIE 8/.test(navigator.userAgent)) {left += parent.clientLeft;top += parent.clientTop;}left += parent.offsetLeft;top += parent.offsetTop;parent = parent.offsetParent;}return {top,left};};11. 函数防抖const debounce = function debounce(func, wait, immediate) {if (typeof func !== "function") throw new TypeError('func must be an function');if (typeof wait === "boolean") {immediate = wait;wait = 300;}if (typeof wait !== "number") wait = 300;if (typeof immediate !== "boolean") immediate = false;let timer;return function proxy(...params) {let runNow = !timer && immediate,self = this,result;if (timer) {clearTimeout(timer);timer = null;}timer = setTimeout(() => {if (timer) {clearTimeout(timer);timer = null;}if (!immediate) result = func.call(self, ...params);}, wait);if (runNow) result = func.call(self, ...params);return result;};};12.函数节流const throttle = function throttle(func, wait) {if (typeof func !== "function") throw new TypeError('func must be an function');if (typeof wait !== "number") wait = 300;let timer,previous = 0;return function proxy(...params) {let now = +new Date(),remaining = wait - (now - previous),self = this,result;if (remaining <= 0) {if (timer) {clearTimeout(timer);timer = null;}result = func.call(self, ...params);previous = now;} else if (!timer) {timer = setTimeout(() => {if (timer) {clearTimeout(timer);timer = null;}result = func.call(self, ...params);previous = +new Date();}, remaining);}return result;};};13. 迭代数组/类数组/对象const each = function each(obj, callback) {if (typeof callback !== "function") callback = Function.prototype;let i = 0,len,item,keys,key;if (isArrayLike(obj)) {// 是不是数组 ， 和伪数组len = obj.length;for (; i < len; i++) {item = obj[i];if (callback.call(item, item, i) === false) break;}} else {// 不然就是对象keys = Object.keys(obj);if (typeof Symbol !== "undefined") keys = keys.concat(Object.getOwnPropertySymbols(obj));for (; i < keys.length; i++) {key = keys[i];item = obj[key];if (callback.call(item, item, key) === false) break;}}return obj;};14数组和对象的深浅合并const merge = function merge() {let options,target = arguments[0] || {},i = 1,length = arguments.length,deep = false,treated = arguments[length - 1];Array.isArray(treated) && treated.treated ? length-- : (treated = [], treated.treated = true);if (typeof target === "boolean") {deep = target;target = arguments[i] || {};i++;}if (typeof target !== "object" && !isFunction(target)) target = {};for (; i < length; i++) {options = arguments[i];if (options == null) continue;if (treated.includes(options)) return options;treated.push(options);each(options, function (copy, name) {let copyIsArray = Array.isArray(copy),copyIsObject = isPlainObject(copy),src = https://www.isolves.com/it/cxkf/yy/js/2021-12-08/target[name],clone = src;if (deep && copy && (copyIsArray || copyIsObject)) {if (copyIsArray && !Array.isArray(clone)) clone = [];if (copyIsObject && !isPlainObject(clone)) clone = {};target[name] = merge(deep, clone, copy, treated);} else if (copy !== undefined) {target[name] = copy;}});}return target;};15. 数组和对象的深浅克隆 // 数组和对象的深浅克隆const clone = function clone() {let target = arguments[0],deep = false,type,isArray,isObject,ctor,result,treated = arguments[arguments.length - 1];if (typeof target === "boolean") {if (arguments.length === 1) return target;deep = target;target = arguments[1];}if (!Array.isArray(treated) || !treated.treated) {treated = [];treated.treated = true;}if (treated.includes(target)) return target;treated.push(target);type = toType(target);isArray = isArrayLike(target);isObject = isPlainObject(target);if (target == null) return target;ctor = target.constructor;if (/^(regexp|date|error)$/i.test(type)) {if (type === 'error') target = target.message;return new ctor(target);}if (/^(function|generatorfunction)$/i.test(type)) {return function proxy(...params) {return target.call(this, ...params);};}if (!isArray && !isObject) return target;result = isArray ? [] : {};each(target, function (copy, name) {if (deep) {result[name] = clone(deep, copy, treated);return;}result[name] = copy;});return result;};16:检测是否为Promise实例 // 验证是否为promise实例var isPromise = function isPromise(x) {if (x !== null && /^(object|function)$/.test(typeof x)) {var then;try {then = x.then;} catch (err) {return false;}if (typeof then === "function") {return true;}}return false;};总结：整个的js 文件直接拿项目里可用(function () {let getProto = Object.getPrototypeOf,class2type = {},toString = class2type.toString,hasOwn = class2type.hasOwnProperty,fnToString = hasOwn.toString,ObjectFunctionString = fnToString.call(Object);// 检测是否是一个函数const isFunction = function isFunction(obj) {return typeof obj === "function" && typeof obj.nodeType !== "number" &&typeof obj.item !== "function";};// 检测是否是一个window对象const isWindow = function isWindow(obj) {return obj != null && obj === obj.window;};// 标准的检测数据类型的办法const toType = function toType(obj) {if (obj == null) return obj + "";let reg = /^[object ([a-zA-Z0-9]+)]$/i;return typeof obj === "object" || typeof obj === "function" ?reg.exec(toString.call(obj))[1].toLowerCase() :typeof obj;};// 检测是否为数组或者类数组const isArrayLike = function isArrayLike(obj) {if (obj == null) return false;if (!/^(object|function)$/i.test(typeof obj)) return false;let length = !!obj && "length" in obj && obj.length,type = toType(obj);if (isFunction(obj) || isWindow(obj)) return false;return type === "array" || length === 0 ||typeof length === "number" && length > 0 && (length - 1) in obj;};// 检测是否为纯粹的对象「直属类是Object || Object.create(null)」const isPlainObject = function isPlainObject(obj) {let proto, Ctor;if (!obj || toString.call(obj) !== "[object Object]") return false;proto = getProto(obj);if (!proto) return true;Ctor = hasOwn.call(proto, "constructor") && proto.constructor;return typeof Ctor === "function" && fnToString.call(Ctor) === ObjectFunctionString;};// 检测是否是空对象const isEmptyObject = function isEmptyObject(obj) {let keys = Object.keys(obj);if (typeof Symbol !== "undefined") keys = keys.concat(Object.getOwnPropertySymbols(obj));return keys.length === 0;};// 检测是否是数字const isNumeric = function isNumeric(obj) {let type = toType(obj);return (type === "number" || type === "string") && !isNaN(obj);};// 操作元素样式const getCss = function getCss(element, attr) {let value = https://www.isolves.com/it/cxkf/yy/js/2021-12-08/window.getComputedStyle(element)[attr],reg = /^d+(px|rem|em)?$/i;if (reg.test(value)) {value = parseFloat(value);}return value;};const setCss = function setCss(element, attr, value) {if (attr === "opacity") {element['style']['opacity'] = value;element['style']['filter'] = `alpha(opacity=${value*100})`;return;}let reg = /^(width|height|margin|padding)?(top|left|bottom|right)?$/i;if (reg.test(attr)) {if (!isNaN(value)) {value += 'px';}}element['style'][attr] = value;};const setGroupCss = function setGroupCss(element, options) {each(options, (copy, name) => {setCss(element, name, copy);});};const css = function css(element) {let len = arguments.length,attr = arguments[1],value = arguments[2];if (len >= 3) {setCss(element, attr, value);return;}if (attr !== null && typeof attr === "object") {setGroupCss(element, attr);return;}return getCss(element, attr);};// 获取元素距离BODY的偏移量const offset = function offset(element) {let parent = element.offsetParent,top = element.offsetTop,left = element.offsetLeft;while (parent) {if (!/MSIE 8/.test(navigator.userAgent)) {left += parent.clientLeft;top += parent.clientTop;}left += parent.offsetLeft;top += parent.offsetTop;parent = parent.offsetParent;}return {top,left};};// 函数防抖处理const debounce = function debounce(func, wait, immediate) {if (typeof func !== "function") throw new TypeError('func must be an function');if (typeof wait === "boolean") {immediate = wait;wait = 300;}if (typeof wait !== "number") wait = 300;if (typeof immediate !== "boolean") immediate = false;let timer;return function proxy(...params) {let runNow = !timer && immediate,self = this,result;if (timer) {clearTimeout(timer);timer = null;}timer = setTimeout(() => {if (timer) {clearTimeout(timer);timer = null;}if (!immediate) result = func.call(self, ...params);}, wait);if (runNow) result = func.call(self, ...params);return result;};};// 函数节流处理const throttle = function throttle(func, wait) {if (typeof func !== "function") throw new TypeError('func must be an function');if (typeof wait !== "number") wait = 300;let timer,previous = 0;return function proxy(...params) {let now = +new Date(),remaining = wait - (now - previous),self = this,result;if (remaining