随笔分类 -  JavaScript

跨标签页通信常见方案
摘要：1、BroadCast Channel2、Service Worker3、 LocalStorage window. onstorage 监听4 、Shared Worker 定时器轮询(setInterval)5 、IndexedDB 定时器轮询(setInterval）6、 cookie 定时器 阅读全文
posted @ 2023-05-23 11:35 Harlem 阅读(65) 评论(0) 推荐(0)
具有层级关系的扁平化数组转化成树形结构数组
摘要：// 递归查找父级及其子级节点 nestFn(id) { let a = []; this.resJson.forEach(item => { if (item.fatherid == id) { let { fatherid, roleid, rolelevel, rolename } = ite 阅读全文
posted @ 2020-12-17 16:25 Harlem 阅读(671) 评论(0) 推荐(0)
tool.js日常工具方法
摘要：// 基础公共方法 /** * 将数据转化成数组 eg: 1 => [1] / [1] => [1] * @param {Array} arr 数组或单个数据 */ export const toArray = arr => [].concat(arr); /** * 数组去重 * @param { 阅读全文
posted @ 2020-05-08 13:18 Harlem 阅读(428) 评论(0) 推荐(0)
封装axios api 导出excel文件
摘要：1 function exportExcel(method, url, data, callback) { 2 return new Promise((resolve, reject) => { 3 let ajaxParams = {} 4 ajaxParams = { 5 method: met 阅读全文
posted @ 2020-02-28 18:45 Harlem 阅读(488) 评论(0) 推荐(0)
利用window.requestAnimationFrame实现一组静态图转换gif动图
摘要：我们平时实现js动画效果时离不开setInterval或者setTimeout函数,可是没有办法保证显示频率刷新的时候setInterval的操作正好被执行，制作动画的时候会出现丢帧和动画效果生硬不连贯等情况。 经过一番研究发现requestAnimationFrame可以实现动画效果，改方法执行次 阅读全文
posted @ 2020-01-05 18:30 Harlem 阅读(376) 评论(0) 推荐(0)
数组元素求和
摘要：1、reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。 reduce() 可以作为一个高阶函数，用于函数的 compose。 array.reduce(function(total, currentValue, currentIndex, arr), 阅读全文
posted @ 2019-09-05 15:36 Harlem 阅读(5393) 评论(0) 推荐(0)
数组排序
摘要：1、sort() 方法用于对数组的元素进行排序。 2、进行排序，就需要提供比较函数，该函数要比较两个值，然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b，其返回值如下： 若 a 小于 b，在排序后的数组中 a 应该出现在 b 之前，则返回一个小于 0 的值。 若 a 阅读全文
posted @ 2019-09-05 15:27 Harlem 阅读(287) 评论(0) 推荐(0)
数组操作-将嵌套数组变为一维数组
摘要：Object.defineProperty() 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性， 并返回这个对象,所以用Object.defineProperty给Array添加一个flat()方法 还可以传入参数，有几层嵌套就传入几 let flatArr2 = [1, 2, [ 阅读全文
posted @ 2018-09-05 17:56 Harlem 阅读(1305) 评论(0) 推荐(0)
关联数组
摘要：var arr1 = [111,222,333,444]; var arr2 = ['张三','李四','王五','刘琦']; var objArr = []; for(var i = 0; i < arr1.length; i++){ var obj = {}; obj.id = arr1[i]; obj.... 阅读全文
posted @ 2018-05-31 12:01 Harlem 阅读(163) 评论(0) 推荐(0)
文件上传（xls）
摘要：好记性不如烂笔头，哈哈！ 阅读全文
posted @ 2018-04-24 10:58 Harlem 阅读(1427) 评论(0) 推荐(0)
cookie操作
摘要：项目中用到了cookie操作，经过简单的折腾，就欧克了 阅读全文
posted @ 2018-04-16 14:45 Harlem 阅读(160) 评论(0) 推荐(0)
三目运算符的运用
摘要：在开发中有时需要条件判断，来决定我们需要什么值，下面就是运用三目运算的一些技巧： 1.例如，判断一个值是否大于0,然后执行相应的操作 这是遍历拼接td的时候的判断，如果变量sx>0的时候 span中的颜色变为红色，后面添加一个向上的箭头，反之亦然。。 阅读全文
posted @ 2017-11-13 10:13 Harlem 阅读(445) 评论(0) 推荐(0)
遍历对象长度
摘要：function ArrLength(o){ var count = 0; for(var i in o){ count++; } return count; }开发中遇到的一些小问题，记录下来以便回顾！ 阅读全文
posted @ 2017-11-13 09:59 Harlem 阅读(314) 评论(0) 推荐(0)
JavaScript 作用域链
摘要：作用域链 当查找变量的时候，会先从当前上下文的变量对象中查找，如果没有找到，就会从父级(词法层面上的父级)执行上下文的变量对象中查找，一直找到全局上下文的变量对象，也就是全局对象。这样由多个执行上下文的变量对象构成的链表就叫做作用域链。 函数创建 这是因为函数有一个内部属性[[scope]]，当函数 阅读全文
posted @ 2017-05-19 21:49 Harlem 阅读(170) 评论(0) 推荐(0)
常用的三联动实现
摘要：联动菜单 阅读全文
posted @ 2017-04-05 17:18 Harlem 阅读(342) 评论(0) 推荐(0)
js三种经典排序：冒泡排序、插入排序、快速排序
摘要：插入排序： 快速排序： 阅读全文
posted @ 2017-04-05 17:05 Harlem 阅读(290) 评论(0) 推荐(0)
常用的js正则表达式
摘要：正则表达式，一个十分古老而又强大的文本处理工具，仅仅用一段非常简短的表达式语句，便能够快速实现一个非常复杂的业务逻辑。熟练地掌握正则表达式的话，能够使你的开发效率得到极大的提升。 下面是一些，在前端开发中经常使用到的正则表达式。 1 . 校验密码强度 密码的强度必须是包含大小写字母和数字的组合，不能 阅读全文
posted @ 2016-11-02 22:07 Harlem 阅读(480) 评论(0) 推荐(0)
快速理解-Ajax
摘要：AJAX即“Asynchronous JavaScript and XML”，意思是异步JavaScript和XML，是指一种创建交互式网页的网页开发技术。 虽然现在很少有人去自己手动写AJAX，大多数都用封装好的AJAX，但我觉得初学者还是应该从最原始的AJAX开始学习，这样才能掌握AJAX的核心 阅读全文
posted @ 2016-11-01 13:47 Harlem 阅读(662) 评论(0) 推荐(0)