搜索
查看
编辑修改
首页
UNITY
NODEJS
PYTHON
AI
GIT
PHP
GO
CEF3
JAVA
HTML
CSS
搜索
知新_RL
这个屌丝很懒,什么也没留下!
关注作者
热门标签
jquery
HTML
CSS
PHP
ASP
PYTHON
GO
AI
C
C++
C#
PHOTOSHOP
UNITY
iOS
android
vue
xml
爬虫
SEO
LINUX
WINDOWS
JAVA
MFC
CEF3
CAD
NODEJS
GIT
Pyppeteer
article
热门文章
1
最新彻底禁止win10自动更新
2
结合实际工作经验,浅谈对项目管理的认识
3
云计算期末复习重点总结知识_云计算期末考试重点
4
python排序详解_data = [16, 7, 2, 17, 6, 18]data.sort(key = lambda
5
springmvc原理是什么?springmvc执行流程_springmvc原理及流程
6
Linux基础—网络设置_linux网络配置
7
【Java万花筒】Java GUI测试与自动化:探索多重库的全方位解决方案
8
API接口开发其实特简单,Python Flask Web 框架教程来了_python api接口开发
9
C++之智能指针std::shared_ptr简单总结_c++ 指针转std::shared_ptr
10
docker容器commit之后变得非常大的原因及解决办法_docker commit提交后镜像更大了
当前位置:
article
> 正文
Layer Mobile源码分析_layer-mobile
作者:知新_RL | 2024-02-16 12:36:19
赞
踩
layer-mobile
自从参入工作,已经一年了。在这一年看过不少技术类书籍,主要是Js相关的,例如《JavaScript高级程序设计》、《你所不知道的JavaScript》等等,对于Js方面的知识,从理论上感觉成长了不少,但是有些虚。
古人说的好:“纸上得来终觉浅,方知此事要躬行”,上一年这种方式给我带来的成长感觉不是太大,所以今年换一种方式,不仅是思想上同时也是方式上的改变。决定开通博客,阐述自己对于一些源码以及自己所学知识的思考,一则提高自己的语言组织能力,二则锻炼的性格,三则也希望通过这种方式来驱动自己提高自己的技术以及能力。
废话到此为止,我先说说layer,它是一个js弹出层框架(它是基于JQuery的),主要封装各种弹出框的样式,具体的介绍就不一一而足了,这里是它的官网
Layer(开源)
,它对于移动端也有一个版本即所谓的Layer Mobile,移动端的框架代码量相对少一些,所以就先分析移动端的源码。
下面是其结构组织:
它整个框架就是一个
IIFE
函数(立即执行函数表达式),作用的话就会老生常谈的东西:减少全局变量的污染,可以看成JS模块化发展中一种解决方案。
在这个IIFE中,定义了插件封装的几个要素:默认参数、执行动作等,因为之前看过一点JQuery源码,感觉和JQuery中有些处理方式类似,类似点如下:
IIFE,将window对象作为参数传入(减少作用域链的搜索,二则便于压缩吧)
常用window方法或者其他宿主环境的方法的局部存储
将属性添加到window对象上,作为对外暴露的API
它的源码大概300多行左右,就不打算将其放在这里了,如果你感兴趣,可以到我的
Github
上看看。
第一次写博客,可能有些关键地方没有细说,有些地方不够简洁,欢迎指正,远行亦不忘初衷,祝前行的你我。
声明:
本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:
https://www.wpsshop.cn/w/知新_RL/article/detail/93290
推荐阅读
article
Unity
WebGL
实战笔记_
webgl
builds
are
not
supported
on ...
Unity
提供了
WebGL
平台来,支持在浏览器中实时对3D图形应用交互。_
webgl
builds
are
not
su...
赞
踩
article
论文阅读——
Mobile
Nets:
Efficient
Convolutional
Neural Ne...
本周打算了解一下轻量级网络。先从回顾2017年的
Mobile
Netv1开始。摘要
Mobile
Netv1:2017年由Go...
赞
踩
article
taro
如何使用
dom
_
taro
创建
的
小程序项目怎么引用
ant
design
mobile
UI库...
问题描述
taro
项目创建微信小程序,跟着官方文档下载了
ant
d-
mobile
, babel-plugin-import...
赞
踩
article
react
-7 组件库 Ant
Design
Mobile(移动端)_
antd
-
mobile
-ico...
react
-7 组件库 Ant
Design
Mobile(移动端)_
antd
-
mobile
-
icons
antd
-mob...
赞
踩
article
Unity
常用API解析(1)-
GameObject
类_
unity
gameobject
.
layer
...
GameObject
是
Unity
场景中所有类的实体的基类。一个
GameObject
对象通常由多个组件(Component...
赞
踩
相关标签
unity
webgl
游戏引擎
计算机视觉
深度学习
机器学习
网络
taro 如何使用dom
react.js
vue.js
前端
Unity