balabal

导航

2017年5月4日 #

css3动画小试

摘要: --> #blue_check_td{ margin: 0 auto 0 auto; text-align: center; } .blue_check_div{ position: relative; overflow: hidden; display: inline-block; } .blue_check_div img{ width: 40px; height... 阅读全文

posted @ 2017-05-04 19:02 Alanooooo 阅读(109) 评论(0) 推荐(0) 编辑

2017年3月22日 #

JS => 函数

摘要: 定义一个箭头函数很简单,基本语法是: ([param] [, param]) => { statements } param => expression ([param] [, param]) => { statements } param => expression param 是参数,根据参数个 阅读全文

posted @ 2017-03-22 11:41 Alanooooo 阅读(474) 评论(0) 推荐(0) 编辑

2017年3月21日 #

JS中call、apply、bind使用指南,带部分原理。

摘要: 为什么需要这些?主要是因为this,来看看this干的好事。 box.onclick = function(){ function fn(){ alert(this); } fn();}; 我们原本以为这里面的this指向的是box,然而却是Window。一般我们这样解决: box.onclick 阅读全文

posted @ 2017-03-21 22:21 Alanooooo 阅读(103) 评论(0) 推荐(0) 编辑

设计模式之代理模式,学习笔记

摘要: 不直接操作实体对象,而是借助另外一个对象来操作它,这样的话,我们可以在实体对象编写核心代码,而用代理对象来编写条件等等,如果满足就访问实体对象。这样的话当你不需要条件的时候,我们只是需要把代理对象删除,其他的都不不用去改变。简单来讲所谓的代理模式就是通过另外一个人来帮它完成一部分的任务,减轻压力。如 阅读全文

posted @ 2017-03-21 20:31 Alanooooo 阅读(86) 评论(0) 推荐(0) 编辑

var foo = function () {} 和 function foo() 有什么区别?

摘要: 简单的说 如果我们使用 匿名函数 var FUNCTION_NAME = function() { /* FUNCTION_BODY */}; 这种方式, 编译后变量声明FUNCTION_NAME 会“被提前”了,但是他的赋值(也就是FUNCTION_BODY)并不会被提前。也就是,匿名函数只有在被 阅读全文

posted @ 2017-03-21 20:19 Alanooooo 阅读(179) 评论(0) 推荐(0) 编辑

2017年1月5日 #

JS中this

摘要: 首先必须要说的是,this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上this的最终指向的是那个调用它的对象(这句话有些问题,后面会解释为什么会有问题,虽然网上大部分的文章都是这样说的,虽然在很多情况下那样去理解不会出什么问题,但是实际上那样理解是不准确的 阅读全文

posted @ 2017-01-05 21:04 Alanooooo 阅读(116) 评论(0) 推荐(0) 编辑

2016年9月12日 #

设计模式之单例模式,学习笔记

摘要: 所谓的单例模式就是说一个对象,我们只去实例化一次,在页面中如果有一个对象是唯一的,那么就可以用单例模式。 var Fn = function(name){ this.name = name;}; Fn.prototype.getName = function(){ return this.name; 阅读全文

posted @ 2016-09-12 11:10 Alanooooo 阅读(98) 评论(0) 推荐(0) 编辑

2016年8月20日 #

设计模式之原型,学习笔记

摘要: 在常见的编程语言中如果你需要一个对象,那么可以通过类来创建,但是Javascript它并没有类这个概念,javascript创建对象是通过克隆另外一个对象而来的,既然如此那么它肯定有一个基类,这个基类就是Object.prototype,这是一个顶级根对象,其他所有对象都是通过克隆它而来的,比如你通 阅读全文

posted @ 2016-08-20 10:38 Alanooooo 阅读(146) 评论(0) 推荐(0) 编辑

2016年8月19日 #

设计模式之封装,学习笔记

摘要: 封装即把代码隐藏起来,why?好好的为什么要隐藏起来,这里指的隐藏并非真的隐藏,而是把一些复杂的代码给包裹起来,留下的是一个接口,到时候要用的时候直接调用这个接口即可,这样那些不是干技术的也可以轻松上手了。有时我们还会把一些私有属性属性给封装起来,如下: function fn(){ var _na 阅读全文

posted @ 2016-08-19 10:04 Alanooooo 阅读(151) 评论(0) 推荐(0) 编辑

初了解JS设计模式,学习笔记

摘要: 什么是设计模式。 回答这个问题,往往我们得先知道我们为什么需要设计模式,正是因为有需求才会有设计模式,难道不是吗? 我们为什么需要设计模式。 如果没有按照设计模式去写,你的代码很可能是乱无肆忌写的,也就是随心所欲,想怎么写就怎么写,反正只要出效果就行,好像是没啥问题,但好像又有问题,因为你根本就不知 阅读全文

posted @ 2016-08-19 09:57 Alanooooo 阅读(110) 评论(0) 推荐(0) 编辑