摘要：
解析Function.prototype.bind 简介 对于一个给定的函数，创造一个绑定对象的新函数，这个函数和之前的函数功能一样，this值是它的第一个参数，其它参数，作为新的函数的给定参数。 bind的作用 bind最直接的作用就是改变this的指向 // 定义函数 var checkNume 阅读全文
posted @ 2016-07-12 21:32
学习呗!
阅读(200)
评论(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
学习呗!
阅读(494)
评论(0)
推荐(0)
摘要：
初学者经常碰到的,即获取HTML元素集合，循环给元素添加事件。在事件响应函数中(event handler)获取对应的索引。但每次获取的都是最后一次循环的索引。原因是初学者并未理解JavaScript的闭包特性。 有个网友问了个问题，如下的html，为什么点击所有的段落p输出都是5，而不是alert 阅读全文
posted @ 2016-07-12 16:52
学习呗!
阅读(207)
评论(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
学习呗!
阅读(187)
评论(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
学习呗!
阅读(244)
评论(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
学习呗!
阅读(159)
评论(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
学习呗!
阅读(152)
评论(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
学习呗!
阅读(139)
评论(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
学习呗!
阅读(117)
评论(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
学习呗!
阅读(126)
评论(0)
推荐(0)
摘要：
1. contains(str) : 判断是否包含指定的字符串 2. startsWith(str) : 判断是否以指定字符串开头 3. endsWith(str) : 判断是否以指定字符串结尾 4. repeat(count) : 重复指定次数 5. 模板字符串 : 简化字符串的拼接 consol 阅读全文
posted @ 2016-07-12 15:48
学习呗!
阅读(152)
评论(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
学习呗!
阅读(122)
评论(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
学习呗!
阅读(122)
评论(0)
推荐(0)
摘要：
作用: 与var类似, 用于声明一个变量特点: 只在块作用域内有效 不能重复声明 不会预处理, 不存在提升应用: 循环遍历加监听//应用实例 <body> <button>测试1</button><br> <button>测试2</button><br> <button>测试3</button><b 阅读全文
posted @ 2016-07-12 15:42
学习呗!
阅读(186)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2016-07-12 14:29
学习呗!
阅读(212)
评论(0)
推荐(0)
摘要：
建立目录： images css js index.html切图HTML 从外到内,从大到小，一层层写CSS css重置 css全局属性 css模块属性 先写布局定位，把最不同的地方改掉 然后再慢慢调整细节JS 阅读全文
posted @ 2016-07-12 14:27
学习呗!
阅读(201)
评论(0)
推荐(0)
摘要：
网页兼容性调试-流程 写作规范高质量的代码出兼容性问题的可能性较小。所以出了问题要考虑是否代码结构不规范 兼容性问题两大原因：不同分辨率下的兼容性调试不同浏览器下的兼容性调试 显示器分辨率和浏览器市场份额http://tongji.baidu.com/data/browser QQ同时在线人数和分布 阅读全文
posted @ 2016-07-12 14:27
学习呗!
阅读(964)
评论(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
学习呗!
阅读(570)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html>CSS选择器优先级相同优先级下，位置在文档后面的覆盖前面的不同优先级下，越能具体描述元素的css选择器，优先级越高 具体情况：HTML元素继承父级元素的CSS属性 优先级 -100 浏览器赋予HTML元素的默认CSS属性 优先级 -10 星号选择器 优先级 0*{bac 阅读全文
posted @ 2016-07-12 14:24
学习呗!
阅读(205)
评论(0)
推荐(0)
摘要：
网站布局属性：盒模型：调整元素间距float浮动：竖排的块级元素改成横排position定位：重叠元素，精确控制元素位置 能用盒模型，不用float,能用浮动，不用定位 阅读全文
posted @ 2016-07-12 11:55
学习呗!
阅读(219)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html>css7-文本和其他 text-align行内元素对齐方式，值为 左/中/右 对齐：left/right/center.test{text-align:center;} white-space超出不换行 normal： 默认处理方式。 nowrap： 强制在同一行内显示 阅读全文
posted @ 2016-07-12 11:54
学习呗!
阅读(138)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html><link rel="stylesheet" href="css/style.css"> CSS5-背景 常用图像格式web图片格式 jpg 24位 1600万色 适用：照片，复杂图片，有损压缩图片小（常用） gif 256色 动画 透明 适用：简单动画 png 8位 阅读全文
posted @ 2016-07-12 11:50
学习呗!
阅读(196)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html>CSS5-定位元素定位 作用：1：元素重叠，2：元素的精确移动或定位 position static 默认，普通流，不能移动，不能使用zindex和top、right等偏移属性 relative:相对定位，脱离普通流，有占位。 absolute:绝对定位，脱离普通流，无 阅读全文
posted @ 2016-07-12 11:33
学习呗!
阅读(176)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html><!--有限宽度带居中布局：<style>*{margin:0;padding:0;list-style:none;} .zong{background:#ccc;}.zong .header{height:100px;background:#f00;}.zong .b 阅读全文
posted @ 2016-07-12 11:32
学习呗!
阅读(303)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html>CSS4-布局3-float 浮动属性最初发明的目的：用来给网页做文字环绕图片排版，写图文环绕案例现在浮动布局的根本目的：把竖排的块级元素改为横排 网页结构层：1：底层，普通流（文档流）2：中层，浮动流 float3：顶层，定位流 position 写块级元素横排案例 阅读全文
posted @ 2016-07-12 11:31
学习呗!
阅读(193)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html>CSS4-布局2-display下拉菜单案例 <style>.xiala{width:200px;background:#ddd;}.xiala li div{position:absolute;width:150px;height:150px;background:# 阅读全文
posted @ 2016-07-12 11:30
学习呗!
阅读(277)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html>CSS4-布局1-基本属性 属性：displayvisibilityfloatclear HTML元素类型：行内元素，块级元素 块级元素：最大的区别：换行行内元素：不换号 <style>div{background:#f00;width:200px;height:100 阅读全文
posted @ 2016-07-12 11:27
学习呗!
阅读(139)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html>CSS3-盒模型 盒模型属性： width 宽度 height 高度 margin 外边距 border 边框 padding 内边距.test{width:200px; height:100px; margin:20px; padding:15px; border:5 阅读全文
posted @ 2016-07-12 11:11
学习呗!
阅读(113)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html>CSS1-颜色和长度 <style>div{ /*颜色*/ color:#f00; /*前景色*/ background:#00f; /*背景色*/ /*不同颜色标识*/ background:green; background:rgb(55,255,55); back 阅读全文
posted @ 2016-07-12 10:50
学习呗!
阅读(157)
评论(0)
推荐(0)
摘要：
CSS整体书写步骤1：CSS RESET 重置2：CSS GLABAL 全局属性3: CSS分模块属性，(先写默认样式和设计图相差最大的部分，先大块布局，后细致调整) <style>/*CSS RESET 重置*/*{margin:0;padding:0;list-style:none;}img{b 阅读全文
posted @ 2016-07-12 09:48
学习呗!
阅读(711)
评论(0)
推荐(0)
摘要：
CSS属性分类(最最常用的属性)：颜色和长度文字盒模型布局定位背景文本和其他 常用CSS属性： <style>div{ color:#23729e; /*前景色*/ background:#8b8b8b; /*背景色*/ background:#ff0000 url(dian.png) no-rep 阅读全文
posted @ 2016-07-12 09:47
学习呗!
阅读(150)
评论(0)
推荐(0)
摘要：
CSS：层叠样式表 (Cascading Style Sheets) 结构层：HTML表现层: CSS行为层: DOM，JavaScript CSS语法结构：div{background:#f00;}选择器{属性名:属性值; 属性名2:属性值1 属性值2;} 指导思想：内容、样式、行为分离HTML/ 阅读全文
posted @ 2016-07-12 09:44
学习呗!
阅读(240)
评论(0)
推荐(0)
摘要：
一 HTML5是用来做什么的？ PSD2HTML 信息 信息差（信息不对称） 二 html文件新建流程： 新建文本文件 网页文件后缀 .html 修改编码：ANSI格式，UTF-8无BOM格式 三 HTML5 狭义：超文本标记语言（第5代） HTML4 - XHTML - HTML5 广义：H5 结 阅读全文
posted @ 2016-07-12 09:38
学习呗!
阅读(168)
评论(0)
推荐(0)
浙公网安备 33010602011771号