layer.js源码分析 - 玉案轩窗的博客 - CSDN博客

来源： layer.js源码分析 – 玉案轩窗的博客 – CSDN博客

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/s1879046/article/details/76034784
最近在看layer.js源码，从中得到了一些启发，对于一个框架的设计也有了一定的看法，现在对于这个框架的设计以及其他的问题来说明一下。

layer.js是一个专注于弹出层的框架，这个框架本身可以实现5种弹出层类型，其他的就不多说了，可以去看看它的官网，下面说一下它的主要组织形式：

首先，这个框架本身就是一个IIFE（立即执行函数表达式），保证了局部环境，避免了全局变量污染的问题
框架内部主要是三个对象构成，分别是Class构造函数、layer对象、ready对象
通过window来暴露对外api
以前看过一点JQuery的源码，layer.js的框架结构和JQuery是相同形式，框架内部主要是这三个对象来组成，对于这三个对象上具体的方法以及属性我列举了下，如下图所示：

整个框架的结构组织以及脉络还是很清晰的，框架整体的代码量大概1300多行左右，我对这个框架运行的具体流程做了个较为详细的流程，具体流程如下：

上面图片中是该框架初始化过程所做的工作，具体框架代码的详细注释在我的Github上，如果你感兴趣，可以看看。
致远行的你我
————————————————
版权声明：本文为CSDN博主「玉案轩窗」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/s1879046/article/details/76034784