layer.js源码分析
来源:互联网 发布:ubuntu lamp环境搭建 编辑:程序博客网 时间:2024/05/21 19:26
最近在看layer.js源码,从中得到了一些启发,对于一个框架的设计也有了一定的看法,现在对于这个框架的设计以及其他的问题来说明一下。
layer.js是一个专注于弹出层的框架,这个框架本身可以实现5种弹出层类型,其他的就不多说了,可以去看看它的官网,下面说一下它的主要组织形式:
- 首先,这个框架本身就是一个IIFE(立即执行函数表达式),保证了局部环境,避免了全局变量污染的问题
- 框架内部主要是三个对象构成,分别是Class构造函数、layer对象、ready对象
- 通过window来暴露对外api
以前看过一点JQuery的源码,layer.js的框架结构和JQuery是相同形式,框架内部主要是这三个对象来组成,对于这三个对象上具体的方法以及属性我列举了下,如下图所示:
整个框架的结构组织以及脉络还是很清晰的,框架整体的代码量大概1300多行左右,我对这个框架运行的具体流程做了个较为详细的流程,具体流程如下:
上面图片中是该框架初始化过程所做的工作,具体框架代码的详细注释在我的Github上,如果你感兴趣,可以看看。
致远行的你我
阅读全文
0 0
- layer.js源码分析
- layer.js源码
- caffe源码 layer分析
- Layer Mobile源码分析
- cocos2dx源码分析:层Layer
- caffe源码分析:layer.hpp分析
- express框架layer.js源码解析
- Caffe源码(三):layer 分析
- Caffe源码中layer文件分析
- Caffe源码中Pooling Layer文件分析
- Caffe源码中Pooling Layer文件分析
- Caffe源码(三):layer 分析
- layer.js
- layer.js
- layer.js
- 动作手游源码分析3 classes/layer/GameHeroLayer.cpp
- Caffe源码分析:solver,Net,layer的依赖关系
- draggable.js源码分析
- CentOS7 通过VNC 下安装oracle数据库提示DISPLAY not set. Please set the DISPLAY and try again.解决方法
- HDU5727(贪心)
- Boost库的安装
- 从零开始学前端1
- 银行调度系统
- layer.js源码分析
- mysql系统时间获取
- spring ThreadPoolTaskExecutor 实现线程阻塞
- VMware下,虚拟机时间同步设置
- LIST_HEAD_INIT分析
- hdoj2001_计算两点间的距离
- springMVC中基于token防止表单重复提交
- 数值的整数次方
- Address already in use: JVM_Bind<null>:8080错误的解决办法