![](https://img-blog.csdnimg.cn/20200615220349808.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
js工具函数
整理收集javascript(js)常用的工具函数,轮子等
我是李大福
一个小小的前端工程师
展开
-
JavaScript 学习笔记 对象属性 symbol 数组常用方法
即,当对象属性为基本类型时,可以用如下方法进行对象拷贝;一旦含有引用类型属性时,下面的方法将失效。属性值为-Infinity、属性值为Infinity、属性值为NaN。使用 lodash 库的 _.cloneDeep(obj)。对其前面的属性进行可选性校验,第一级写了不起作用,所以不用写。用非数字作为key,就不会把“1” 排在最前面了。function、属性值为undefined、obj下有方法method才执行。原创 2023-12-26 17:39:58 · 416 阅读 · 0 评论 -
js文件模块的导出与导入使用方法及注意事项
工作中经常会遇到将其他模块及工具函数导入到当前文件进行使用,但是会遇到一个问题,有时候是需要整体导入,有时候又只能导入部分模块,需要各种尝试,才能找到最合适的使用方法,本贴详细介绍常用的导出与导入的使用,高手请绕道。原创 2023-07-06 18:04:32 · 559 阅读 · 0 评论 -
基础编程的一些练手方法:排序、求和等(JavaScript版)
本文章收集整理前端工作中的一些练手及提高编程水平的常规方法。原创 2023-07-04 23:47:31 · 202 阅读 · 0 评论 -
过滤筛选符合条件的内容
过滤筛选满足要求的数据,筛选出不满足某个条件的内容 || 筛选出不满足某些条件的内容。原创 2023-07-02 18:49:02 · 174 阅读 · 0 评论 -
js之jq判断网页的手机端与pc端(兼容性处理)
进入正常的域名后,默认访问pc端,如果是手机和pad端,会自动跳转到相应的页面。原创 2023-07-01 21:21:47 · 623 阅读 · 0 评论 -
对象层级太多需要逐层非空校验时,这样写可以避免这个问题
我们有时候请求后台数据,由于层级过多,有时候不知道有没有某个属性,需要像如下这样逐层非空判断才行,否则会报错。user : {username : '哈力' } } }如果data为undefined时,要获取username时,需要逐层非空判断。原创 2023-04-09 11:40:33 · 88 阅读 · 0 评论 -
js数组去重最简单的方法
使用es6的Set唯一性进行处理。原创 2023-03-19 13:58:00 · 70 阅读 · 0 评论 -
在一个数组内查找符合某个条件的另一个数组里的元素
一般用于手写复选插件的回显,源数据是一个数组,选中的数据也可能是一个数组。原创 2023-03-13 20:44:12 · 348 阅读 · 0 评论 -
js(javascript)中关于查找与替换常用的实用方法
在数组中,通过某个值找出其所在的item对象原创 2022-10-29 12:02:13 · 2853 阅读 · 0 评论 -
vue使用优化后的动画级别的定时器 requestAnimationFrame 比setInterval, setTimeout效果要高很多
vue使用优化后的动画级别的定时器 requestAnimationFrame 比setInterval, setTimeout效果要高很多原创 2022-10-05 22:11:52 · 970 阅读 · 0 评论 -
javascript js正则学习笔记
javascript js正则学习笔记原创 2022-03-12 12:10:16 · 126 阅读 · 0 评论 -
前端常用正则表单式 常用正则验证及期解释说明regexp
前端常用正则表单式 常用正则验证及期解释说明regexp收集整理常用的正则表达式的写法及解释说明,持续更新中常用规则正则写法规则解释用户名/^[a-z0-9_-]{3,16}$/3到16位 字母/数字/下划线_/减号-及其组合。即可以是其中的任意类型中的一种,也可以是多种类型的组合,示例:123456、aaaaaa、a_a_a_、a--a、A--A ;注:如果需要大小写进行区分,需单独写...原创 2022-03-05 15:06:51 · 168 阅读 · 0 评论 -
常用正则判断、校验
常用正则判断、校验判断path是否满足格式let path="/expo/1414757308034060290"if(/^\/expo\/\d{19}$/.test(path)){ console.log('满足')}判断path是否满足格式/expo/1414757308034060290(19个数字)原创 2021-11-27 22:46:05 · 365 阅读 · 0 评论 -
javascript基础知识
javascript 基础知识各种类型的真假(true和false)隐性转化数字类型除了0是false,其他都是true字符串类型除了空串''是false,其他都是true,包括空格和0都是trueundefined和null 都是false对象格式不论有无属性,直接转化都是true判断对象真假的方法一let obj={}console.log(Object.keys(obj).length==0)判断对象真假的方法二let obj={}console.log(JSON.str原创 2021-11-27 22:43:20 · 351 阅读 · 0 评论 -
vue项目常用固定套路,改字段名,分页加载数据
vue项目常用固定套路修改数据字段名 – map描述:后台传过来的json数据,字段是xingming、sex,但是前端页面需要使用name、gender,于是需要对数据字段进行修改。let persons = [ { xingming: "杰克", age: 18, id: 5, sex: "男" }, { xingming: "李雷", age: 20, id: 2, sex: "男" }, { xingmin原创 2021-02-03 22:39:50 · 773 阅读 · 0 评论 -
防抖与节流
【代码】防抖与节流。转载 2021-01-17 23:23:07 · 148 阅读 · 0 评论 -
迷幻的 JavaScript(js) 装13代码
javascript(js)自发明那天起就一直很迷幻的存在,看了这些代码就更觉得它迷幻了原创 2021-01-01 11:25:34 · 1054 阅读 · 0 评论 -
node 重命名图片为 前缀+序号+后缀 格式
重命名图片(window系统)/*** Created by haley on 2017/4/27.* node更改文件名的步骤:* 使用方法:* 1.将需要重命名的图片文件,放置到和rename同路径的文件夹里,* 2.在文件夹里,按住shift点击右键,“运行命令行”* 3.执行命令“node rename”。*/var fs = require('fs');var counter = 1;var head = "gift_";var re = /(.*)+\.(jpg|bmp|原创 2020-11-22 17:54:11 · 623 阅读 · 0 评论 -
进入web端进行来源判断后 自动跳转至wap端页面
/** * 使用说明: * 在web端添加如下代码,默认访问web端,一旦检测满足wap时跳转过去 */let mobileAgent = ["iphone", "ipod", "ipad", "android", "mobile", "blackberry", "webos", "incognito", "webmate", "bada", "nokia", "lg", "ucweb", "skyfire"];let browser = navigator.userAgent.toLow原创 2020-11-21 12:57:26 · 300 阅读 · 0 评论 -
js es6真香应用之数组的各种操作
js es6真香应用之数组的各种操作文章目录js es6真香应用之数组的各种操作数组最大值批量处理将一个数组push到另外一个数组内复制数组(a2是a1的克隆)合并数组(浅拷贝)字符串转为真正的数组一组值转为真正的数组在数组中找出符合条件的值在数组中找出符合条件的值的下标数组的初始化,不用在使用循环判断某个数组是否包含给定的值,返回Boolen数组最大值let arr=[1,2,10,4,5,6,7,8]console.log(Math.max(...arr)) // 10批量处理// 设置原创 2020-07-22 22:39:08 · 512 阅读 · 0 评论 -
程序员必背宝典,提高效率50%
程序员必背宝典,提高效率50%原创 2020-07-22 22:38:34 · 198 阅读 · 0 评论 -
递归修改、正则替换 数据字段名称,实现Cascader tree 级联选择器的正常显示 labelEn ->label
项目中有一个城市区域的级联菜单,后台返回的两个核心字段是id和title;但是项目中使用的ui框架是iView的Cascader,插件需要使用value和label。为了实现效果只能将id改为value,title改为label原创 2020-07-04 15:49:24 · 1088 阅读 · 0 评论 -
最简单的倒计时
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <script crossorigin="anonymous" integrity="sha384-6ePHh72Rl3hKio4HiJ841psfsRJveeS+aLoaEf3BWfS+gTF0XdAqku2ka...转载 2019-04-17 11:45:42 · 368 阅读 · 0 评论 -
table表格依据数据内容相同时进行合并行单元格
table表格依据数据进行合并单元格table表格依据数据内容相同时进行合并行单元格合并前与合并后实际效果比较原理核心代码写代码犯错的位置table表格依据数据内容相同时进行合并行单元格合并前与合并后实际效果比较原理先循环列再循环行,对第一行和第二行进行内容比较,如果内容相同,就隐藏第二行,并将计数器sum+1。继续比较第二行与第三行,依次类推,本列循环完毕,给本列第一行添加rowsp...原创 2019-12-30 00:00:56 · 3476 阅读 · 1 评论 -
js 数据的各种拷贝方法比较,最实用的深拷贝方法
由于目前的所有的拷贝方式都有问题,所以需要自己写方法各种方法比较concat :一级数组和对象可以做到深拷贝,多级不可以let arr=[1,2,3,4]let arr2=arr.concat()console.log(arr2)arr2[1]="haley"console.log("================= concat =============")console...原创 2020-04-19 01:02:52 · 1108 阅读 · 0 评论 -
[去除与替换]去除时间字符串中所有的点.
let a="2019.11.12"a.time.replace(/\./g,'')// 20191112原创 2020-01-14 14:18:40 · 852 阅读 · 0 评论 -
js 最常用的几个json数组操作方法 map filter some every forEach sort(实际案例),通过id在数组中找某个item项
js 最常用的几个数组操作方法 map filter some every forEach实际案例map filter some every forEach sortjson数组数据filtermapforEacheverysomesortmap filter some every forEach sort序号需求使用方法1返回所有男生的数组filter2返回...原创 2019-12-12 11:51:55 · 2206 阅读 · 0 评论 -
前端js截取指定长度个数字符 v3.0.0
为了避免造成样式污染将原来的sliceStr改名为sliceStrHaley/** 版本 v3.0.0 * 2019-8-13 10:26:59 * 为了避免造成样式污染将原来的sliceStr改名为sliceStrHaley * 截取字符串 * 使用步骤: * 1.添加 class class="sliceStrHaley" * 3.依据需求添加长度数量控...原创 2019-08-13 10:34:37 · 236 阅读 · 0 评论 -
前端js截取指定长度个数字符 v2.0.0
2.0版本比1.0版本使用时更简洁,无需在设置媒体类型,直接设置数量就可以了<p class="sliceStr" data-pc-len="12" data-wap-len="8">这里是文章测试标题,含标点一共二十个字。</p><p class="sliceStr" data-wap-len="8">这里是文章测试标题,含标点一共二十个字。</p...原创 2019-04-19 13:07:02 · 5860 阅读 · 4 评论 -
前端js截取指定长度个数字符 v1.0.0
/** 2018-12-19 12:10:59 * 截取字符串 * 使用步骤: * 1.添加 class class="sliceStr" * 2.依据需求添加类型属性 data-type="wap"(wap/pc/all) * 3.依据需求添加长度数量控制 data-len-pc="16" data-len-wap="10" * 4.data-...原创 2019-04-04 14:24:59 · 1160 阅读 · 0 评论