酸奶糖jane-CSDN博客

/** * 转换为千分位 * @param value * @returns {string} */export function toThousandths(value) { return (value+ '').replace(/(\d{1,3})(?=(\d{3})+(?:$|\.))/g,'$1,');}/** * 百分比保留两位小数 * @param value * @returns {string} */export function fmtPercentage(

2022-04-07 14:20:10 1859

原创 js获取url 参数

指定参数名称，返回该参数的值或者空字符串不指定参数名称，返回全部的参数对象或者 {}如果存在多个同名参数，则返回数组不支持URLSearchParams方法输入：http://www.nowcoder.com?key=1&key=2&key=3&test=4#hehe key输出：[1, 2, 3]function getUrlParam(sUrl, sKey) { let sParam = sUrl.split('?')[1].split.

2021-06-22 09:40:11 161

原创 call()、bind()、apply()的用法

call()、bind()、apply()的用法，改变this的指向，区别在于接收的参数f.call(obj, arg1, arg2…),f.bind(obj, arg1, arg2,…)(),f.apply(obj, [arg1, arg2, .])实例：封装函数 f，使 f 的 this 指向指定的对象//applyfunction bindThis(f, oTarget) { return function() { return f.apply(oTarget, argumen

2021-06-22 09:04:57 89

原创 js流程控制

实现 fizzBuzz 函数，参数 num 与返回值的关系如下：1、如果 num 能同时被 3 和 5 整除，返回字符串 fizzbuzz2、如果 num 能被 3 整除，返回字符串 fizz3、如果 num 能被 5 整除，返回字符串 buzz4、如果参数为空或者不是 Number 类型，返回 false5、其余情况，返回参数 numfunction fizzBuzz(num) { if(Object.prototype.toString.call(num) !== "[object Num

2021-06-21 17:22:38 49

原创为数组 arr 中的每个元素求二次方。不要直接修改数组 arr，结果返回新的数组

利用Math.pow(x,y) 返回 x 的 y 次幂。function square(arr) {let newArr=[...arr]return newArr.map(item=> Math.pow(item,2))}square([1, 2, 3, 4])输出：[1, 4, 9, 16]

2021-06-21 16:52:28 292

原创 js数组查找重复元素的几种方法

let arr1=[1, 2, 4, 4, 3, 3, 1, 5, 3]1.filterfunction duplicates(arr) { let temp=[]arr.forEach(item=>{ if(arr.indexOf(item) != arr.lastIndexOf(item) && temp.indexOf(item) == -1){ temp.push(item); }}) return tem

2021-06-21 16:41:16 9143 1

原创 axios拦截器配置

import axios from "axios";import { message } from "antd";import "../routes/main/index";import { forEach } from "ramda";import { from } from "core-js/fn/array";import { isDebuggerStatement } from "typescript";import { CubeRefractionMapping } from "thr

2021-04-26 16:58:08 120

原创文件格式化

const filesizeFormat = (size) => {let suffix = ‘B’;size = size || 0;if (size > (1024 * 1024 * 1024)) {size = size / (1024 * 1024 * 1024)suffix = ‘G’} else if (size > (1024 * 1024)) {size = size / (1024 * 1024)suffix = ‘M’} else if (size &

2021-04-26 16:43:06 130

原创 js改变图片颜色

/** * 根据主题颜色修改图片颜色 * @param {[type]} imgUrl 图片url * @param {[type]} color 主题颜色 * @param {Function} callback 返回值返回base64 */ changeImageColor = (imgUrl, color = "#00ff7f", callback) => { let t...

2021-04-22 11:40:04 1772 4

原创根据对象中的某一个属性分类数据和for... in...的使用

根据遍历数组每一项，对象中的某一个属性分类数据和for… in…的使用let data= [{ key: 1, name: "John Brown", age: 32, color:"red" }, { key: 2, name: "John Brown",

2021-04-07 18:35:26 98

原创 vue复习（二）--vuex

vue复习（二）–vuexvuex包含5个模块：state：存放数据的位置mutations：变更状态getters：动态变更数据actions：actions从动作层调用mutations去更改状态（可异步）modules：拆分仓库（模块化）详细说明：stateVuex 使用单一状态树,即每个应用将仅仅包含一个store 实例，但单一状态树和模块化并不冲突。存放的数据状态，不可以直接修改里面的数据。mutationsthis.$store.commit('mutation函数名'

2021-04-06 21:35:40 71

原创 js数组的方法--reduce

js数组的方法–reducereduce和迭代方法（map,forEach,filter…）一样，都会对数组进行遍历，reduce与他们不同的是函数的第一个参数得到的是迭代计算后的结果（处理完成之后的值）reduce(fn(prev,cur,index,arr),{})参数：1、要执行的函数，函数中的参数，分别为prev：上次调用函数的返回值cur：当前元素index：当前元素索引arr：被遍历的数组2、函数迭代的初始值案例：1、没有设置初始值let arr = [1, 2, 3,

2021-04-06 20:54:50 55

原创利用Object.key()和map()制作显示隐藏表格行（ant-design Table）react

利用Object.key()和map()制作显示隐藏表格行（ant-design Table）reactuseState设置数据//定义一个数据 const [column, setColumn] = useState([]); //用setColum方法可以直接赋值 let arr = [1,2,3,4] setColumn(arr) //这样column的值就是arr了useEffect类似于生命周期,他有两个参数，一个是处理函数，一个是你需要实时监听的 useEff

2021-03-30 22:58:23 401

原创 vue复习(一)

vue复习(一)1. Vue的钩子函数beforeCreate 组件被创建之前，created 组件被创建beforeMount 挂载之前mounted 挂载完成，可以在这里做异步请求 beforeUpdate 更新之前updated 更新完成activated : keep-alive 缓存的组件激活时调用activated : keep-alive缓存的组件停用时调用beforeDestory 销毁之前destoryed 销毁完成，定时器和事件监听在此移除2. Vue

2021-03-29 21:58:20 151 4

weixin_52494781的博客

原创滚动懒加载

原创 vue常用函数