当前位置:   article > 正文

Layer Mobile源码分析_layer-mobile

layer-mobile
自从参入工作,已经一年了。在这一年看过不少技术类书籍,主要是Js相关的,例如《JavaScript高级程序设计》、《你所不知道的JavaScript》等等,对于Js方面的知识,从理论上感觉成长了不少,但是有些虚。
古人说的好:“纸上得来终觉浅,方知此事要躬行”,上一年这种方式给我带来的成长感觉不是太大,所以今年换一种方式,不仅是思想上同时也是方式上的改变。决定开通博客,阐述自己对于一些源码以及自己所学知识的思考,一则提高自己的语言组织能力,二则锻炼的性格,三则也希望通过这种方式来驱动自己提高自己的技术以及能力。
废话到此为止,我先说说layer,它是一个js弹出层框架(它是基于JQuery的),主要封装各种弹出框的样式,具体的介绍就不一一而足了,这里是它的官网 Layer(开源),它对于移动端也有一个版本即所谓的Layer Mobile,移动端的框架代码量相对少一些,所以就先分析移动端的源码。
下面是其结构组织:
Layer Mobile源码分析 - quyinggang - quyinggang

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

在这个IIFE中,定义了插件封装的几个要素:默认参数、执行动作等,因为之前看过一点JQuery源码,感觉和JQuery中有些处理方式类似,类似点如下:
  1. IIFE,将window对象作为参数传入(减少作用域链的搜索,二则便于压缩吧)
  2. 常用window方法或者其他宿主环境的方法的局部存储
  3. 将属性添加到window对象上,作为对外暴露的API
它的源码大概300多行左右,就不打算将其放在这里了,如果你感兴趣,可以到我的 Github上看看。
第一次写博客,可能有些关键地方没有细说,有些地方不够简洁,欢迎指正,远行亦不忘初衷,祝前行的你我。
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/知新_RL/article/detail/93290
推荐阅读
  

闽ICP备14008679号