javascript
文章平均质量分 57
一捆铁树枝
积跬步以至千里,积怠惰以致深渊,订阅号 learnweb123 ,欢迎关注!
展开
-
JS防抖和节流方法说明及使用
应用场景在进行窗口的resize、scroll,输入框内容校验等操作时,如果事件处理函数调用的频率无限制,会加重浏览器的负担,导致用户体验非常糟糕。此时我们可以采用debounce(防抖)和throttle(节流)的方式来减少调用频率,同时又不影响实际效果。函数防抖函数防抖(debounce):当持续触发事件时,一定时间段内没有再触发事件,事件处理函数才会执行一次,如果设定的时间到来之前,又一次触发了事件,就重新开始延时。如下图,持续触发scroll事件时,并不执行handle函数,当1..原创 2020-12-16 10:00:37 · 1097 阅读 · 0 评论 -
JS从对象数组中筛选出某些属性值的项
从对象数组中筛选出某些属性值的项const arr = [1,2,3,4,5,6,7]const list = [ {id: 1, timelineId: 1, showNo: 1, uid: 1}, {id: 2, timelineId: 1, showNo: 1, uid: 1}, {id: 9, timelineId: 1, showNo: 1, uid: 1}, {id: ...原创 2019-12-16 14:55:04 · 7960 阅读 · 0 评论 -
JS常用开发技巧
「String Skill」:字符串技巧 「Number Skill」:数值技巧 「Boolean Skill」:布尔技巧 「Array Skill」:数组技巧 「Object Skill」:对象技巧 「Function Skill」:函数技巧 「DOM Skill」:DOM技巧 备注 代码只作演示用途,不会详细说明ES6语...原创 2020-03-11 15:20:15 · 186 阅读 · 0 评论 -
JS手机号脱敏处理
//手机号脱敏方法 dataDesensitization(num) { var len = num.length if (len && len > 4) { return num.substring(0, 3) + '****' + num.substring(len - 4, len) } }...原创 2019-11-19 10:11:34 · 818 阅读 · 0 评论 -
JS遍历对象
var tripInfo = { "2019-5-1": 0, "2019-5-2": 0, "2019-5-3": 0 } Object.keys(tripInfo).forEach(function(key){ console.log(key,tripInfo[key]); });在控制台...原创 2019-04-12 13:47:42 · 471 阅读 · 0 评论 -
JavaScript常用的时间格式化方式
JS中获取系统当前时间的方式为var myDate=new Date()输出的时间格式如下:Sat Jan 19 2019 14:47:07 GMT+0800 (中国标准时间)多数时候这种格式的时间都不是我们想要的,下面是常用的Date对象中的时间方法方法 描述 输出格式 getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。...原创 2019-01-25 15:33:17 · 507 阅读 · 0 评论 -
js获取URL中的参数
在控制台console出location对象如下其中一些常用的参数对应的意思如下location对象 含有当前URL的信息. 属性 href 整个URL字符串.protocol 含有URL第一部分的字符串,如http:host 包含有URL中主机名:端口号部分的字符串.如//www.cenpok.net/server/hostname 包含URL中主机名的字符串.如http...原创 2018-12-28 13:49:50 · 128 阅读 · 0 评论 -
JavaScript 糟粕
最近经朋友推荐在阅读《JavaScript语言精粹》一书,阅读过后对作者的精辟理解我也是受益颇多,在此将作者在书后附录的JavaScript糟粕的一部分做一记录,也警示自己在今后的编程中去糟粕而引精华。==运算符JavaScript中有两组相等的运算符:===和!==、==和!=,两组运算符的区别在于===和!==只有两个运算数类型一直且拥有相等的值===才会返回true,!===返回fa...原创 2018-10-16 13:51:12 · 228 阅读 · 0 评论 -
javascript数组去重、数组检索制定项、数组求差集
最近的项目中对数据操作很频繁,我将其中使用到的部分拿出来分享一下;一、数组去重直接上代码:let distinct=function(arr) { let result = [], i, j, len = arr.length; for (i = 0; i < len; i++) { for (j = i + 1; j < len;...原创 2018-09-25 16:38:46 · 106 阅读 · 0 评论 -
JS计算文件的md5
在浏览器端要计算md5 hash,在不安装浏览器插件的情况下需要浏览器能支持读取本地文件,即支持 FileAPI。因此又是 IE 这货不支持。各浏览器兼容看这里:http://caniuse.com/#feat=fileapi首先需要引入js文件(二选一):https://raw.github.com/satazor/SparkMD5/master/spark-md5.jshttps:...转载 2018-09-05 17:41:53 · 1880 阅读 · 0 评论 -
H5页面跨窗口通信之postMessage(iframe子页面向父页面发送信息)
需求背景 最近在做H5项目时,遇到一个需求,公司所有的项目共用了一个防人机页面,当人机验证完成时需要把结果参数发送给调用它的父页面,APP端在使用验证页面时,结果是通过H5与APP交互方法传递的;但是H5引用这个页面时,只能通过iframe内嵌的方式来实现,这样在验证通过后就面临着iframe内嵌页面需要将验证结果发送给外部父页面,通知外部父页面做相应的处理;实现方式 1.父页面发送消息,子页面接受消息 父页面:<!-- a.index.html --&...原创 2020-11-09 17:15:54 · 4685 阅读 · 0 评论 -
JS获取url参数及解决参数中包含中文时出现的乱码问题
H5页面通过url传参时需要通过JS获取url上的参数,以下两个方法配合使用,就可以获取到URL上携带的参数url如:http://127.0.0.1:8848/zz-metro-op-H5/syx-activity/test.html?name=张三//根据参数名来获取参数值function getParamString(paraPart,name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)")原创 2020-10-14 15:31:46 · 1131 阅读 · 1 评论 -
前端常用60个工具方法
1.邮箱export const isEmail = (s) => { return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)}2.手机号码export const isMobile = (s) => { return /^1[0-9]{10}$/.test(s)}3.电话号码export const isPhone = (s) =>转载 2020-05-27 15:06:11 · 279 阅读 · 0 评论