Zach94-优快云博客

原创轮播图思考

从小往大的想，从dot的css切换，再与图片建立联系index，dot的切换逐渐加上图片的变换，根据0到1建立淡人淡出特效。设置定时器。

2015-07-30 16:02:01 280

转载 css垂直居中对齐

1.padding填充<div class="wrap"> <div class="content"></div></div> @wrapWidth : 400px;.wrap{ margin-left: auto; margin-right: auto; margin-top: 20px; width: @wrapWidth; height: @wrapWidth;

2015-07-16 20:49:22 473

原创 5-22

JS实现继承function Person() {}function Student() {}Student.prototype = Object.create(Person.prototype);Student.prototype.constructor =//Object.create不支持ECMA5以下if(!Object.create){ Object.create = fun

2015-05-22 22:23:42 326

原创 5-18

昨两天吃坏东西，难受没写。70%掌握目前流行的焦点图轮播。利用overflow:hidden 改变left便宜量来显示图片。转换思想，以前想法是通过全部元素设置display:none来显示，注意全集中在如何转换，并没有DeepThink。以前的方法很有局限性，代码相当没那么简单。如今，轮播图其实就是为点击“下一个”按钮添加定时器实现，实现方法也主要在“下一个”按钮。完成按钮后，即可水到渠

2015-05-18 23:24:40 307

原创 5-15

HTML5 拖放API1.被拖动元素draggable属性设置为true 2.绑定事件 dragstart: 被拖动元素 dataTransfer: 对象专门用来存放拖动时要携带的数据 dragend: 拖放的元素（拖放操作结束）需设置不执行默认处理e.preventDefault()（拒绝被拖放） drop: 拖放目标元素（其他元素被拖放到本元素中

2015-05-15 10:51:32 367

原创 05-14

日常：天气暴雨，早上还是起床区食堂打包早点。睡了一下午。看imooc视频。JS DOMoffsetLeft 表示控件相对于版面或由offsetParent属性指定的父坐标的计算上的侧位置。 offsetTop 表示控件相对于版面或由offsetParent属性指定的父坐标的计算上的侧位置。offsetWidth 指控件自身的绝对宽度。 offsetHeight 指控件自身的绝对高度。cl

2015-05-14 21:27:17 276

原创 05-13

Ajax:

2015-05-13 16:10:37 275

原创 05-12

STAR法则常常被面试官使用的工具。 S → Situation 情景背景事情发生背景环境 T → Task 任务自己都有那些任务 A → Action 行为自己所采取的行动 R → Result 结果采取行动之后的结果数据说话

2015-05-12 10:59:34 277

原创 JS中this学习笔记

JS中的this可以是全局对象，当前对象或者任意对象，这完全取决于函数的调用方式，执行环境。函数的调用有：作为对象方法调用，作为函数调用，作为构造函数调用，使用call或apply调用。1.作为函数调用function test(){　　　　this.x = 1;　　　　alert(this.x);　　}　　test(); // 1this为全局变量var x = 1;　　functi

2015-05-11 23:21:25 283

原创 JS面向对象学习笔记（三）

非构造函数的继承1.什么是“非构造函数继承”例如，有两个对象var Chinese = { nation: '中国';}var Doctor = { career: '医生';}如何才能让doctor去继承chinese？注意：这两个对象都是普通对象，不是构造函数。object()方法function object(o) { function F() {}

2015-05-11 18:15:09 330

原创 JS面向对象学习笔记（二）

构造函数的继承对象继承之间的五种方法：function Animal() { this.species = "动物";}function Cat(name,color) { this.name = name; this.color = color;}如何才能使”猫”继承”动物”呢？1.构造函数绑定第一种也是最简单的方法，使用call()或apply()方法，将父对象的构造

2015-05-11 17:24:03 308

原创 JS面向对象学习笔记(一)

封装Javascript是一种基于对象的语言，一切皆对象。但是，它又不是真正的面向对象，因为没有class(类)。那么，如果要把属性(property)和方法(method)封装成对象该如何呢？1.生成对象的原始模式（对象字面量）var Cat = { name : '', color : ''};var cat1 = {};cat1.name = "小王";car1.c

2015-05-04 22:23:08 321

原创 JS构造函数学习笔记

constructor是什么简单的说，constructor指的就是对象的构造函数，指向它的构造函数。除了创建对象，构造函数(constructor)还做了另一件事情–自动为创建的新对象设置了原型对象(prototype object)。原型对象存放于ConstructorFunction.protottype属性中。function Foo() {};var foo = new Foo()

2015-05-04 21:37:17 354

原创 JS闭包学习笔记

闭包通俗的说，闭包就是能够读取其他函数内部变量的函数。由于在Javascript语言中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解成“定义在一个函数内部的函数”。闭包就是将函数内部和函数外部连接起来的一座桥梁。闭包的两个最大用处，一个是前面提到的读取函数内部的变量，另一个就是让这些变量的值始终保持在内存中。例：function f1() { var n=99; nA

2015-05-03 22:07:23 359

原创 JS原型学习笔记

JS原型在JS中任何一个对象都有一个prototype原型。prototype原型也有个原型，为Object.prototype指向null. 可通过编继续声明同样的属性和或方法重写原型，即覆盖原先的，不过得放在后面。function foo(){}foo.prototype.z=3;var obj = new foo();obj.x = 1;obj.y = 2;obj.x; //1obj

2015-05-02 11:19:30 302

原创 JS作用域、链学习笔记

JS作用域作用域就是变量与函数的可访问范围，控制着变量与函数的可见性和生命周期。分为全局和局部作用域链。全局作用域(Global Scope) (1)最外层函数和在最外层函数外面定义的变量拥有全局作用域链。 (2)所有未定义直接赋值的变量自动声明为拥有全局变量。 (3)所有window对象的属性拥有全局作用域。一般，window对象的内置属性都拥有，例window.name、windo

2015-05-01 21:19:52 408

Zach94