maomao77520-优快云博客

原创基于jquery的事件订阅/分发demo

事件分发器，解决UI组件之间通信问题事件监听on: function (event, callback, context) { if (!event || !callback) { return; } if (!this.listener[event]) { this.listener[event] = $.Callback();

2017-03-07 12:21:10 1146

原创 transition,transform,animation

transition定义：过渡，一个元素从一种样式过渡到另一种样式属性：transition-property,transition-duration,transition-timing-function,transition-delay<div></div><sytle type="txte/css"> div { width: 100px; heig

2017-02-23 11:17:52 533

原创 JS类与继承

定义JS类工厂模式function Person (name) { var o = new Object(); o.name = name; o.sayName = function () { alert(this.name); }; return o;}var p = Person('Tom');new一个object，给object添加

2017-02-22 22:51:29 334

原创 JS闭包

闭包一个函数的声明，即创建了一个闭包，函数创建自己的作用域，同时有一个指向全局变量（作用域链的顶层）的引用，函数可以访问自己内部的变量，也可以按照作用域链的层级一次向上访问外部的变量闭包可以访问外部变量闭包内部声明的变量和方法，在闭包外部不能访问外部函数包含一个内部函数，当内部函数使用了外部函数定义的私有变量时，即内部函数的函数作用域产生了一个closure，其中包含了内部函数对外部函数变量

2017-02-22 21:02:06 300

原创 cookie VS web storage

cookiecookie 客户端存储用户数据，expire可设置过期时间，另有domain，path属性，大小不超过4k。通常用于存储一些用户信息，cookie会随http请求发送到服务器。与服务器的session对应，session为服务器端存储用户信息，通过与客户端的cookie互通信息来校验用户身份。web storageweb Storage比cookie拥有更大的存储

2017-02-12 19:43:35 395

在网站前端开发中，浏览器兼容性问题本已让我们手忙脚乱，Chrome的出世不知道又要给我们添多少乱子。浏览器兼容性是前端开发框架要解决的第一个问题，要解决兼容性问题就得首先准确判断出浏览器的类型及其版本。 JavaScript是前端开发的主要语言，我们可以通过编写JavaScript程序来判断浏览器的类型及版本。JavaScript判断浏览器类型一般有两种办法，一种是根据各种浏览器独有的属性来分辨，

2014-07-14 16:25:50 224

转载闭包

所谓“闭包”，就是在构造函数体内定义另外的函数作为目标对象的方法函数，而这个对象的方法函数反过来引用外层外层函数体中的临时变量。这使得只要目标对象在生存期内始终能保持其方法，就能间接保持原构造函数体当时用到的临时变量值。尽管最开始的构造函数调用已经结束，临时变量的名称也都消失了，但在目标对象的方法内却始终能引用到该变量的值，而且该值只能通这种方法来访问。即使再次调用相同的构造函数，但只会生成新

2014-07-09 14:16:39 312

转载 position属性absolute与relative

Absolute，CSS中的写法是：position:absolute; 他的意思是绝对定位，他是参照浏览器的左上角，配合TOP、RIGHT、BOTTOM、LEFT(下面简称TRBL)进行定位，在没有设定TRBL，默认依据父级的做标原始点为原始点。如果设定TRBL并且父级没有设定position属性，那么当前的absolute则以浏览器左上角为原始点进行定位，位置将由TRBL决定。

2014-06-12 16:03:06 325

maomao77520的专栏