2017年2月22日

css中的三种基本定位机制

摘要: css中的三种基本定位机制 a.普通文档流 b.定位:相对定位 绝对定位 固定定位 c.浮动 1.普通流中,元素位置由文档顺序和元素性质决定,块级元素从上到下依次排列,框之间的垂直距离由框的垂直margin值计算得到,行内元素在一行中水平布置 2.相对定位看作普通流的一部分,移动后的元素仍占据原来的 阅读全文

posted @ 2017-02-22 20:28 .smile 阅读(382) 评论(0) 推荐(0)

JS中立即执行函数的理解

摘要: 1.匿名函数不能单独定义,必须进行赋值操作或者立即执行,否则会被JS引擎定义为语法错误 2.在函数体后面加括号就能立即调用,这个函数形式必须是函数表达式,不能是函数声明 3.可以在函数前面加符号,或者用括号将函数包住来消除函数声明 4.消除函数声明最安全的做法是加括号,因为运算符号还会和函数的返回值 阅读全文

posted @ 2017-02-22 20:23 .smile 阅读(1161) 评论(0) 推荐(0)

console对象的理解

摘要: console对象代表浏览器的JS控制台,虽然不是标准,但已经成为事实的标准 console对象的作用 a.显示代码运行错误信息 b.提供一个命令行接口,用来与网页互动 console对象拥有很多方法,最常用的是log(),用于输出括号中的内容 阅读全文

posted @ 2017-02-22 20:04 .smile 阅读(155) 评论(0) 推荐(0)

JS作用域理解(声明提升)

摘要: 1.JS解析步骤: a.预解析 将变量声明提升; 将函数声明及函数内容提升,可以理解成原来位置的函数在解析代码时已经提到代码初始位置; 块内的变量声明和函数声明也会被提升,例如if语句 遇到重名,只留下一个; 如有重名变量和函数,留下函数; 如有两个重名函数,后一个函数覆盖前一个函数; firefo 阅读全文

posted @ 2017-02-22 19:51 .smile 阅读(1572) 评论(0) 推荐(0)

JS中变量和常量的定义

摘要: var只能声明一个变量,这个变量可以保存任何数据类型的值 ES6之前并没有定义声明常量的方式,ES6标准中引入了新的关键字const来定义常量 使用const定义常量后,常量无法改变 ES6中还新增了let关键字来声明变量,作用与var相似,但其所声明的变量只在声明所在块内有效 阅读全文

posted @ 2017-02-22 19:45 .smile 阅读(37184) 评论(0) 推荐(0)

对JS中&&的理解

摘要: 运算符可以从三个不同的层次进行理解。 第一层理解 当操作数都是布尔值时,“&&”对两个值执行布尔与(AND)操作。 复制代码代码如下: x==0 && y==0 // 只有当x和y都是0时,才返回true 关系运算符的优先级比”&&”要高。 第二层理解 ”&&“可以对真值和假值进行布尔与(AND)操 阅读全文

posted @ 2017-02-22 17:46 .smile 阅读(949) 评论(0) 推荐(0)

js中的回调函数的理解和使用方法

摘要: js中的回调函数的理解和使用方法 一. 回调函数的作用 js代码会至上而下一条线执行下去,但是有时候我们需要等到一个操作结束之后再进行下一个操作,这时候就需要用到回调函数。 二. 回调函数的解释 因为函数实际上是一种对象,它可以存储在变量中,通过参数传递给另一个函数,在函数内部创建,从函数中返回结果 阅读全文

posted @ 2017-02-22 13:19 .smile 阅读(1015) 评论(0) 推荐(0)

抖动函数的封装

摘要: 29 function shake ( obj, attr, endFn ) { 30 var pos = parseInt( getStyle(obj, attr) ); 31 var arr = []; // 20, -20, 18, -18 ..... 0 32 var num = 0;34 35 for ( var ... 阅读全文

posted @ 2017-02-22 12:55 .smile 阅读(232) 评论(0) 推荐(0)

移动函数的封装示例

摘要: function doMove ( obj, attr, dir, target, endFn ) { dir = parseInt(getStyle( obj, attr )) target && dir > 0 || speed < target && dir < 0 ) { speed = target; } ... 阅读全文

posted @ 2017-02-22 09:52 .smile 阅读(182) 评论(0) 推荐(0)

导航