随笔分类 -  JS

链表
摘要：// 单向链表 function LinkedList() { this.head = {element: 'head', next: null}; this.node = function (node) {return {element: node, next: null}}; // 查找 this.find = function (node) { ... 阅读全文
posted @ 2016-07-18 13:42 koala_熊 阅读(117) 评论(0) 推荐(0)
二叉查找树
摘要：var obj = new BinaryTree(); obj.add(0); obj.add(2); obj.add(1); obj.add(3); obj.add(4); obj.add(8); obj.add(1); obj.add(-3); obj.add(-2); obj.add(-7); 阅读全文
posted @ 2016-07-12 18:03 koala_熊 阅读(134) 评论(0) 推荐(0)
数制间的相互转换
摘要：function mulBase(n, base) { var base16 = [{10: 'A'}, {11: 'B'}, {12: 'C'}, {13: 'D'}, {14: 'E'}, {15: 'F'}]; var arr = []; var res = ''; while (n > 0) { arr.push(n % base); ... 阅读全文
posted @ 2016-07-08 16:05 koala_熊 阅读(118) 评论(0) 推荐(0)
二维数组
摘要：// 创建二维数组 Array.matrix = function (rows, cols, initial) { var arr = []; for (var i = 0; i < rows; i++) { var column = []; for (var j = 0; j < cols; j++) { column[j... 阅读全文
posted @ 2016-07-07 18:48 koala_熊 阅读(119) 评论(0) 推荐(0)
拖拽
摘要：// (来自JavaScript高级程序设计) 自定义事件 function EventTarget() { this.handler = {}; } EventTarget.prototype = { constructor: EventTarget, // 添加事件 addHandler: function (type, fn) { i... 阅读全文
posted @ 2016-07-06 15:56 koala_熊 阅读(223) 评论(0) 推荐(0)
自定义事件
摘要：// (来自JavaScript高级程序设计) 自定义事件 function EventTarget() { this.handler = {}; } EventTarget.prototype = { constructor: EventTarget, // 添加事件 addHandler: function (type, fn) { i... 阅读全文
posted @ 2016-07-06 14:36 koala_熊 阅读(137) 评论(0) 推荐(0)
函数节流
摘要：// (来自)JavaScript高级程序设计 不支持匿名函数 function throttle(fn, context) { clearTimeout(fn.tId); fn.tId = setTimeout(function () { fn.call(context); }, 100); } // (来自)百度 不支持匿名函数 function ... 阅读全文
posted @ 2016-07-05 20:03 koala_熊 阅读(104) 评论(0) 推荐(1)
最常用的小函数
摘要：// 是不是数字 function isNumber(n) { return (isNaN(n) || isNaN(parseFloat(n, 10))) ? false : true; } // 分转元 10000 -> 10.00 function f2y(n) { if (isNaN(n) || isNaN(parseFloat(n, 10))) { ... 阅读全文
posted @ 2016-06-28 21:26 koala_熊 阅读(144) 评论(0) 推荐(0)
JS bind的实现
摘要：// 模拟原生JS中的bind, 将函数指针以值的形式传递，该函数必须在特定环境中执行 function bind(fn, context) { var args = Array.prototype.slice.call(arguments, 2); return function () { var innerArgs = Array.prototype.slic... 阅读全文
posted @ 2016-06-23 15:11 koala_熊 阅读(174) 评论(0) 推荐(0)
JSON clone 实现
摘要：// 1:1克隆 (只考虑 f,s 为同一类型) function deepCopy(s) { if (!Object.keys(s).length || s === null) return; var copy = function (f, s) { for (var i in s) { if (typeof s[i] === 'obje... 阅读全文
posted @ 2016-06-20 23:04 koala_熊 阅读(779) 评论(0) 推荐(0)
DOM元素 - 尺寸与位置
摘要：1. clientWidth, clientHeight 1. 增加边框、外边距，DOM实际大小不受影响 2. 增加滚动条，会减少DOM实际大小，原因不把滚动条的大小算在内 3. 增加内间距，会影响DOM实际大小 4. 在没有内边距和滚动条的情况下，没有设置CSS大小，那么IE浏览器会理解为0 2. 阅读全文
posted @ 2016-06-07 15:57 koala_熊 阅读(162) 评论(0) 推荐(0)
DOM元素 - insertAdjacentHTML
摘要：element.insertAdjacentHTML(position, text); 1. beforeBegin 在该元素前插入 2. afterEnd 在该元素后插入 3. afterBegin 在该元素第一个子元素前插入 4. beforeEnd 在该元素最后一个子元素后面插入 阅读全文
posted @ 2015-10-29 16:52 koala_熊 阅读(169) 评论(0) 推荐(0)
DOM元素 - 兼容写法
摘要：1. scrollTop 1. chrome document.body.scrollTop 2. IE && firefox document.documentElement.scrollTop 2. 阻止事件默认行为 1. 绑定事件 1. 主流浏览器 e.preventDefault(); 2. 阅读全文
posted @ 2015-10-21 17:20 koala_熊 阅读(218) 评论(0) 推荐(0)