摘要: 解析Function.prototype.bind 简介 对于一个给定的函数,创造一个绑定对象的新函数,这个函数和之前的函数功能一样,this值是它的第一个参数,其它参数,作为新的函数的给定参数。 bind的作用 bind最直接的作用就是改变this的指向 // 定义函数 var checkNume 阅读全文
posted @ 2016-07-12 21:32 学习呗! 阅读(191) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml 阅读全文
posted @ 2016-07-12 20:55 学习呗! 阅读(485) 评论(0) 推荐(0) 编辑
摘要: 初学者经常碰到的,即获取HTML元素集合,循环给元素添加事件。在事件响应函数中(event handler)获取对应的索引。但每次获取的都是最后一次循环的索引。原因是初学者并未理解JavaScript的闭包特性。 有个网友问了个问题,如下的html,为什么点击所有的段落p输出都是5,而不是alert 阅读全文
posted @ 2016-07-12 16:52 学习呗! 阅读(203) 评论(0) 推荐(0) 编辑
摘要: /* 1. 通过Class定义类 2. 在类中通过constructor定义构造方法 3. 通过new来创建类的实例 4. 通过extends来实现类的继承 */ class Point { constructor(x, y) { this.x = x; this.y = y; } toString 阅读全文
posted @ 2016-07-12 15:56 学习呗! 阅读(176) 评论(0) 推荐(0) 编辑
摘要: /* 1. 遍历数组 2. 遍历Set 3. 遍历Map 4. 遍历字符串 5. 遍历伪数组 6. 可迭代的对象 */var arr = [2,3,4];for(let ele of arr) { console.log(ele);}var set = new Set([3, 5, 7, 5]);f 阅读全文
posted @ 2016-07-12 15:55 学习呗! 阅读(240) 评论(0) 推荐(0) 编辑
摘要: /*Set : 多个value的集合, value不重复Map : 多个key-value对的集合, key不重复 1. Set容器 1). Set() 2). Set(array) 3). add(value) 4). delete(value) 5). has(value) 6). clear( 阅读全文
posted @ 2016-07-12 15:54 学习呗! 阅读(153) 评论(0) 推荐(0) 编辑
摘要: /*1. 形参的默认值2. 可变参数3. 箭头函数 */ //1. 形参的默认值 function Point(x = 1,y = 2) { this.x = x; this.y = y; } var p = new Point(3, 4); console.log(p); p = new Poin 阅读全文
posted @ 2016-07-12 15:51 学习呗! 阅读(146) 评论(0) 推荐(0) 编辑
摘要: 1. Array.from(v) : 将伪数组对象或可遍历对象转换为真数组2. Array.of(v1, v2, v3) : 将一系列值转换成数组3. find(function(value, index, arr){return true}) : 找出第一个满足条件返回true的元素4. find 阅读全文
posted @ 2016-07-12 15:50 学习呗! 阅读(137) 评论(0) 推荐(0) 编辑
摘要: 1. Object.is(v1, v2) : 判断2个数据是否完全相等 2. Object.assign(target, source1, source2..) : 将源对象的属性复制到目标对象上 3. __proto__属性 : 隐式原型属性 4. 增强的对象写法 console.log('abc 阅读全文
posted @ 2016-07-12 15:50 学习呗! 阅读(112) 评论(0) 推荐(0) 编辑
摘要: 1. 二进制与八进制数值表示法: 二进制用0b, 八进制用0o 2. Number.isFinite(i) : 判断是否是有限大的数 3. Number.isNaN(i) : 判断是否是NaN 4. Number.isInteger(i) : 判断是否是整数 5. Number.parseInt(s 阅读全文
posted @ 2016-07-12 15:49 学习呗! 阅读(123) 评论(0) 推荐(0) 编辑
摘要: 1. contains(str) : 判断是否包含指定的字符串 2. startsWith(str) : 判断是否以指定字符串开头 3. endsWith(str) : 判断是否以指定字符串结尾 4. repeat(count) : 重复指定次数 5. 模板字符串 : 简化字符串的拼接 consol 阅读全文
posted @ 2016-07-12 15:48 学习呗! 阅读(141) 评论(0) 推荐(0) 编辑
摘要: 理解: 从数组或对象中提取值, 对多个变量进行赋值数组的解构赋值 var [a,b] = [1, 'atguigu'];对象的解构赋值 var {n, a} = {n:'tom', a:12}用途 交换2个变量的值 从函数返回多个值 //数组的解构赋值 var arr = [2, 'xfzhang' 阅读全文
posted @ 2016-07-12 15:46 学习呗! 阅读(117) 评论(0) 推荐(0) 编辑
摘要: 作用: 定义一个常量特点: 不能修改 也是块作用域有效应用: 保存应用需要的常量数据 var a = 2;a = 3;console.log(a);//var API_KEY = 'abc123';const API_KEY = 'abc123';//API_KEY = "aaa123"; //As 阅读全文
posted @ 2016-07-12 15:43 学习呗! 阅读(108) 评论(0) 推荐(0) 编辑
摘要: 作用: 与var类似, 用于声明一个变量特点: 只在块作用域内有效 不能重复声明 不会预处理, 不存在提升应用: 循环遍历加监听//应用实例 <body> <button>测试1</button><br> <button>测试2</button><br> <button>测试3</button><b 阅读全文
posted @ 2016-07-12 15:42 学习呗! 阅读(171) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2016-07-12 14:29 学习呗! 阅读(206) 评论(0) 推荐(0) 编辑
摘要: 网页兼容性调试-流程 写作规范高质量的代码出兼容性问题的可能性较小。所以出了问题要考虑是否代码结构不规范 兼容性问题两大原因:不同分辨率下的兼容性调试不同浏览器下的兼容性调试 显示器分辨率和浏览器市场份额http://tongji.baidu.com/data/browser QQ同时在线人数和分布 阅读全文
posted @ 2016-07-12 14:27 学习呗! 阅读(945) 评论(0) 推荐(0) 编辑
摘要: 建立目录: images css js index.html切图HTML 从外到内,从大到小,一层层写CSS css重置 css全局属性 css模块属性 先写布局定位,把最不同的地方改掉 然后再慢慢调整细节JS 阅读全文
posted @ 2016-07-12 14:27 学习呗! 阅读(194) 评论(0) 推荐(0) 编辑
摘要: 浏览器兼容性调试-IE CSS HACK IE CSS HACK 针对不同版本的,IE浏览器的,CSS兼容性调试语法:尽可能少用对CSS Hack使用需要加HTML文档声明<!DOCTYPE html> 否则无效 IE f12,切换 浏览器模式测试。(注:IE浏览器f12切换IE不同版本只在IE10 阅读全文
posted @ 2016-07-12 14:26 学习呗! 阅读(553) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html>CSS选择器优先级相同优先级下,位置在文档后面的覆盖前面的不同优先级下,越能具体描述元素的css选择器,优先级越高 具体情况:HTML元素继承父级元素的CSS属性 优先级 -100 浏览器赋予HTML元素的默认CSS属性 优先级 -10 星号选择器 优先级 0*{bac 阅读全文
posted @ 2016-07-12 14:24 学习呗! 阅读(196) 评论(0) 推荐(0) 编辑
摘要: 网站布局属性:盒模型:调整元素间距float浮动:竖排的块级元素改成横排position定位:重叠元素,精确控制元素位置 能用盒模型,不用float,能用浮动,不用定位 阅读全文
posted @ 2016-07-12 11:55 学习呗! 阅读(206) 评论(0) 推荐(0) 编辑