随笔分类 -  js学习笔记

鼠标延时事件处理
摘要：// 鼠标延时事件处理 (function($){ $.fn.hoverDelay = function(options){ var defaults = { hoverDuring: 200, outDuring: 200, hoverEvent: function(){ $.noop();... 阅读全文
posted @ 2018-12-24 11:05 吾生有涯，而知无涯！ 阅读(345) 评论(0) 推荐(0)
js || 和 && 的高级运用
摘要：https://segmentfault.com/a/1190000002454280 转 阅读全文
posted @ 2018-03-14 17:41 吾生有涯，而知无涯！ 阅读(209) 评论(0) 推荐(0)
深入之创建对象的多种方式以及优缺点
摘要：// 1. 工厂模式 //缺点：对象无法识别，因为原型都指向Object function pe() { var o = new Object(); o.name = name; o.getname = function() { console.log(this.name) } return o } // 2. 构造函数模式 // 优点... 阅读全文
posted @ 2018-03-11 10:47 吾生有涯，而知无涯！ 阅读(164) 评论(0) 推荐(0)
js 排序 冒泡、快速、选择、插入
摘要：// 1.插入排序 // 从第一个元素开始，该元素可以认为已经被排序； // 取出下一个元素，在已经排序的元素序列中从后向前扫描； // 如果该元素（已排序）大于新元素，将该元素移到下一位置； // 重复步骤3，直到找到已排序的元素小于或者等于新元素的位置； // 将新元素插入到该位置后； // 重复步骤2~5。 function insertSort (arr) { var _arr = ... 阅读全文
posted @ 2018-03-07 10:41 吾生有涯，而知无涯！ 阅读(397) 评论(0) 推荐(0)
js常用代码片段
摘要：// 1.验证数字 // 使用！isNaN和parseFloat（）来检查参数是否是一个数字，使用isFinite（）来检查数字是否是有限的。 const validateNumber = n => !isNaN(parseFloat(n)) && isFinite(n) && Number(n) == n // 2.URL参数 // 使用match() 与适当的正则表达式来获得所有键值... 阅读全文
posted @ 2018-02-28 11:16 吾生有涯，而知无涯！ 阅读(229) 评论(0) 推荐(0)
ES6 箭头函数
摘要：function a(b){ return function (c){ return b+c } } console.log(a(1)(2)) //3 // 箭头函数 // 去掉function关键字，参数有一个可以省略小括号，小括号和大括号之间有个箭头 // 如果没有大括号，则直接返回值，有大括号必须写 retrun let x = b => c => b+c; // 高阶函... 阅读全文
posted @ 2018-01-23 16:16 吾生有涯，而知无涯！ 阅读(129) 评论(0) 推荐(0)
js 数组去重
摘要：/* * @Author: Mr.live * @Date: 2018-01-23 15:12:45 * @Last Modified by: Mr.live * @Last Modified time: 2018-01-23 15:40:28 */ // 数组去重 var arr=[1,2,3,2,33,44,44,2] // 1）对象存放，哈希算法(映射)判断 function... 阅读全文
posted @ 2018-01-23 15:52 吾生有涯，而知无涯！ 阅读(210) 评论(0) 推荐(0)
JS 多维数组扁平化 处理
摘要：/* * @Author: Mr.live * @Date: 2018-01-23 14:55:22 * @Last Modified by: Mr.live * @Last Modified time: 2018-01-23 14:56:20 */ // 多维数组扁平化 var arr=[1,2,[3,4,[5,6,7]],9,[10,11]] // 1) 方法一 循环数... 阅读全文
posted @ 2018-01-23 15:01 吾生有涯，而知无涯！ 阅读(7987) 评论(0) 推荐(1)
js 函数的Arguments 对象 学习
摘要：定义连接字符串的函数 阅读全文
posted @ 2018-01-18 16:25 吾生有涯，而知无涯！ 阅读(181) 评论(0) 推荐(0)
查找字符串中特定字符串出现的位置，返回这个位置的索引
摘要：String.prototype.searchCharPosition = function(char, n) { if (!this || !char) return -1 n = n || 1 var c = 0, p = 0 for (var i = 0; i < this.length; i++) { if (char === this[i]) { ... 阅读全文
posted @ 2018-01-12 17:13 吾生有涯，而知无涯！ 阅读(3360) 评论(0) 推荐(0)
闭包理解
摘要：//官方对闭包的解释是： 一个拥有许多变量和绑定了这些变量的环境的表达式（ 通常是一个函数）， 因而这些变量也是该表达式的一部分。 //我的理解是，闭包就是能够读取其他函数内部变量的函数。 /* 闭包的用途: 它的最大用处有两个， 一个是可以读取函数内部的变量， 另一个就是让这些变量的值始终保持在内 阅读全文
posted @ 2017-12-11 11:22 吾生有涯，而知无涯！ 阅读(141) 评论(0) 推荐(0)
js 数组去重
摘要：//第一种方法 var arr = [0, 1, 2, 2, 3, 44, 44, 5, 6]; function uniq(arr) { return Array.from(new Set(arr)) } console.log(uniq(arr)) console.log(arr) // ES6 var newArr = (arr) => Array.from(new Set... 阅读全文
posted @ 2017-12-05 16:09 吾生有涯，而知无涯！ 阅读(187) 评论(0) 推荐(0)
学习JS防抖【节流】
摘要：https://www.talkingcoder.com/article/6427434037544091919 阅读全文
posted @ 2017-12-05 14:54 吾生有涯，而知无涯！ 阅读(122) 评论(0) 推荐(0)
JS 合并单元格相同内容行和列
摘要：New Document 国家 地区 中国 河南 中国 四川 中国 北京 美国 纽约 美国 洛杉矶 英国 伦敦 阅读全文
posted @ 2017-10-12 12:47 吾生有涯，而知无涯！ 阅读(4121) 评论(0) 推荐(0)
JS for循环实现 My cats are called Bill, Jeff, Pete, Biggles, and Jasmin.
摘要：var cats = ['Bill', 'Jeff', 'Pete', 'Biggles', 'Jasmin']; var info = 'My cats are called '; for (var i = 0; i < cats.length; i++) { if (i === cats.length - 1) { info += 'and ' + cats[i] + '.';... 阅读全文
posted @ 2017-10-12 11:43 吾生有涯，而知无涯！ 阅读(179) 评论(0) 推荐(0)
js 引用类型之Array类型
摘要：//1.concat() 方法 不会改变原数组,会复制一个原数组的副本进行拼接 var arr = ['red', 'zhansan', 'xin']; var arr2 = arr.concat('2', ['3', '9']); console.log(arr); //[ 'red', 'zhansan', 'xin' ] console.log(arr2); //[ 'red', 'zh... 阅读全文
posted @ 2017-09-05 17:19 吾生有涯，而知无涯！ 阅读(257) 评论(0) 推荐(0)
js 引用类型之object类型
摘要：创建object实例的方式有两种： 1.使用new 操作符后跟object构造函数： 如：var person = new object(); person.name="zhansan"; person.age=18; 2.使用对象字面量表示法：(比较常用，看着有封装的感觉，哈哈！其实字面量方式也是 阅读全文
posted @ 2017-09-04 22:32 吾生有涯，而知无涯！ 阅读(457) 评论(0) 推荐(0)