搜索
查看
编辑修改
首页
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
Python-day12(数据容器【序列】的切片,集合的定义与操作)_取出差集和消除差集有区别吗
2
MySQL 逻辑备份 mysqldump 物理备份Innobackupex 和 xtrabackup(热备)_innobackupex属于热备吗
3
CentOS 7 安装 Percona XtraDB Cluster 5.7_update-alternatives --install /etc/my.cnf my.cnf
4
【C语言】Leetcode 两数之和 (含详细题解)
5
修改输入框el-input的样式 包括边框颜色大小宽度高度 element-plus ui 框架_element修改el-input hover border颜色
6
CMAK Kafka可视化管理工具_kafka可视化工具
7
C++质数求解_c++求质数
8
hbase与hive之间数据的映射与传递_hbase表映射hive表原理
9
vue中使用使用videojs 播放m3u8格式的视频_vue m3u8视频 快进
10
centos挂载光驱_centos检索新光驱
当前位置:
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