Layer Mobile源码分析

自从参入工作，已经一年了。在这一年看过不少技术类书籍，主要是Js相关的，例如《JavaScript高级程序设计》、《你所不知道的JavaScript》等等，对于Js方面的知识，从理论上感觉成长了不少，但是有些虚。

古人说的好：“纸上得来终觉浅，方知此事要躬行”，上一年这种方式给我带来的成长感觉不是太大，所以今年换一种方式，不仅是思想上同时也是方式上的改变。决定开通博客，阐述自己对于一些源码以及自己所学知识的思考，一则提高自己的语言组织能力，二则锻炼的性格，三则也希望通过这种方式来驱动自己提高自己的技术以及能力。

废话到此为止，我先说说layer,它是一个js弹出层框架（它是基于JQuery的），主要封装各种弹出框的样式，具体的介绍就不一一而足了，这里是它的官网 Layer(开源)，它对于移动端也有一个版本即所谓的Layer Mobile，移动端的框架代码量相对少一些，所以就先分析移动端的源码。

下面是其结构组织：

 它整个框架就是一个IIFE函数（立即执行函数表达式）,作用的话就会老生常谈的东西：减少全局变量的污染，可以看成JS模块化发展中一种解决方案。

在这个IIFE中，定义了插件封装的几个要素：默认参数、执行动作等，因为之前看过一点JQuery源码，感觉和JQuery中有些处理方式类似，类似点如下：

1. IIFE，将window对象作为参数传入（减少作用域链的搜索，二则便于压缩吧）
2. 常用window方法或者其他宿主环境的方法的局部存储
3. 将属性添加到window对象上，作为对外暴露的API

它的源码大概300多行左右，就不打算将其放在这里了，如果你感兴趣，可以到我的 Github上看看。

第一次写博客，可能有些关键地方没有细说，有些地方不够简洁，欢迎指正，远行亦不忘初衷，祝前行的你我。