搜索
查看
编辑修改
首页
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
C#限制输入字母,数字的正则表达式_c# 正则表达式 必须包含字母和数字
2
Mac 终端可以使用yarn,但是vscode里面报错segmentation fault
3
Linux-实操篇9-解析json的工具jq_linux查看json内容
4
Java中byte[]转String问题_java byte 转 string c0 80 问题
5
Spring Boot入门(20):使用Mybatis-plus实现Spring Boot多数据源配置,轻松实现数据库读写分离!_spring boot 引入 mybatis plus 区分数据库嘛
6
ChatGLM Efficient Tuning源码解析 src/utils/peft_trainer.py_unwrap_model函数
7
Spring boot多数据源实现动态切换_springboot多数据源配置和切换
8
GetLastError错误码中文大全_getlasterror 6 writefile
9
stm32使用SPI读取Flash_模拟spi与flash通信
10
(转)爆款游戏推动硬件普及,5G 促进 VR 产业规模化运用_游戏推动硬件发展
当前位置:
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