layui 源码解读(部分)
- <!DOCTYPE html>
- <head>
- </head>
- <body>
- <input type="button" id="btn1" value="get请求" >
- <script>
- ;!function(win) {
- var o = {
- modules: {},
- status: {},
- timeout: 10,
- event: {}
- } ,
- t = document,
- n = function() {
- this.v = "2.4.5"
- },
- u = {
- layer: "modules/layer",
- laydate: "modules/laydate",
- laypage: "modules/laypage",
- laytpl: "modules/laytpl",
- layim: "modules/layim",
- layedit: "modules/layedit",
- form: "modules/form",
- upload: "modules/upload",
- tree: "modules/tree",
- table: "modules/table",
- element: "modules/element",
- rate: "modules/rate",
- colorpicker: "modules/colorpicker",
- slider: "modules/slider",
- carousel: "modules/carousel",
- flow: "modules/flow",
- util: "modules/util",
- code: "modules/code",
- jquery: "modules/jquery",
- mobile: "modules/mobile",
- "layui.all": "../layui.all"
- },
- r = function() {
- var e = t.currentScript ? t.currentScript.src : function() {
- for (var e, o = t.scripts, n = o.length - 1, r = n; r > 0; r--)
- if ("interactive" === o[r].readyState) {
- e = o[r].src;
- break
- }
- return e || o[n].src
- }();
- return e.substring(0, e.lastIndexOf("/") + 1)
- }(),
- i = function(t) {
- e.console && console.error && console.error("Layui hint: " + t)
- };
- //扩展属性 (自执行函数的返回值)
- n.prototype.modules = function() {
- var e = {};
- for (var t in u)
- e[t] = u[t];
- return e
- }();
- //扩展方法 config(e)
- n.prototype.config = function(e) {
- e = e || {};
- for (var t in e)
- o[t] = e[t];
- return this
- };
- //扩展方法 extend(e)
- n.prototype.extend = function(e) {
- var t = this;
- e = e || {};
- for (var o in e)
- t[o] || t.modules[o] ? i("模块名 " + o + " 已被占用") : t.modules[o] = e[o];
- return t
- };
- //扩展方法 use(e)
- n.prototype.use = function(e, n, l) {
- function s(e, t) {
- var n = "PLaySTATION 3" === navigator.platform ? /^complete$/ : /^(complete|loaded)$/;
- ("load" === e.type || n.test((e.currentTarget || e.srcElement).readyState)) && (o.modules[f] = t,
- d.removeChild(v),
- function r() {
- return ++m > 1e3 * o.timeout / 4 ? i(f + " is not a valid module") : void (o.status[f] ? c() : setTimeout(r, 4))
- }())
- }
- function c() {
- l.push(layui[f]),
- e.length > 1 ? y.use(e.slice(1), n, l) : "function" == typeof n && n.apply(layui, l)
- }
- var y = this
- , p = o.dir = o.dir ? o.dir : r
- , d = t.getElementsByTagName("head")[0];
- e = "string" == typeof e ? [e] : e,
- window.jQuery && jQuery.fn.on && (y.each(e, function(t, o) {
- "jquery" === o && e.splice(t, 1)
- }),
- layui.jquery = layui.$ = jQuery);
- var f = e[0]
- , m = 0;
- if (l = l || [],
- o.host = o.host || (p.match(/\/\/([\s\S]+?)\//) || ["//" + location.host + "/"])[0],
- 0 === e.length || layui["layui.all"] && u[f] || !layui["layui.all"] && layui["layui.mobile"] && u[f])
- return c(),
- y;
- if (o.modules[f])
- !function g() {
- return ++m > 1e3 * o.timeout / 4 ? i(f + " is not a valid module") : void ("string" == typeof o.modules[f] && o.status[f] ? c() : setTimeout(g, 4))
- }();
- else {
- var v = t.createElement("script")
- , h = (u[f] ? p + "lay/" : /^\{\/\}/.test(y.modules[f]) ? "" : o.base || "") + (y.modules[f] || f) + ".js";
- h = h.replace(/^\{\/\}/, ""),
- v.async = !0,
- v.charset = "utf-8",
- v.src = h + function() {
- var e = o.version === !0 ? o.v || (new Date).getTime() : o.version || "";
- return e ? "?v=" + e : ""
- }(),
- d.appendChild(v), //追加节点 // GET file:///C:/lib/larryms/js/base.js?v=2.0.8 net::ERR_FILE_NOT_FOUND
- !v.attachEvent || v.attachEvent.toString && v.attachEvent.toString().indexOf("[native code") < 0 || a ? v.addEventListener("load", function(e) {
- s(e, h)
- }, !1) : v.attachEvent("onreadystatechange", function(e) {
- s(e, h)
- }),
- o.modules[f] = h
- }
- return y
- }
- win.layui = new n; //继承
- }(window);
- </script>
- <script>
- /* layui.config({version: "2.0.8",base: '/lib/larryms/',mods: 'list/',page: 'Department',isFunction: true})
- .extend({larry: 'js/base'})
- .use('larry');
- var abc = null ||{version: "2.0.8"}; //==对象
- var abc1 = 0 ||{version: "2.0.8"}; //==对象
- var abc2 = 1 ||{version: "2.0.8"}; //==1
- var obj = {version: "2.0.8"};
- for(var t in obj)
- {
- //t="version"
- // obj[t] = obj["version"]
- // o[t] = o["version"]
- }
- */
- var t = layui.config({version: "2.0.8",base: '/lib/larryms/',mods: 'list/',page: 'Department',isFunction: true});
- var t1 = t.extend({larry: 'js/base'});
- t1.use('larry');
- var y = 0;
- </script>
- </body>
- </html>
layui 源码解读(部分)的更多相关文章
- SDWebImage源码解读之SDWebImageDownloaderOperation
第七篇 前言 本篇文章主要讲解下载操作的相关知识,SDWebImageDownloaderOperation的主要任务是把一张图片从服务器下载到内存中.下载数据并不难,如何对下载这一系列的任务进行设计 ...
- SDWebImage源码解读 之 NSData+ImageContentType
第一篇 前言 从今天开始,我将开启一段源码解读的旅途了.在这里先暂时不透露具体解读的源码到底是哪些?因为也可能随着解读的进行会更改计划.但能够肯定的是,这一系列之中肯定会有Swift版本的代码. 说说 ...
- SDWebImage源码解读 之 UIImage+GIF
第二篇 前言 本篇是和GIF相关的一个UIImage的分类.主要提供了三个方法: + (UIImage *)sd_animatedGIFNamed:(NSString *)name ----- 根据名 ...
- SDWebImage源码解读 之 SDWebImageCompat
第三篇 前言 本篇主要解读SDWebImage的配置文件.正如compat的定义,该配置文件主要是兼容Apple的其他设备.也许我们真实的开发平台只有一个,但考虑各个平台的兼容性,对于框架有着很重要的 ...
- SDWebImage源码解读_之SDWebImageDecoder
第四篇 前言 首先,我们要弄明白一个问题? 为什么要对UIImage进行解码呢?难道不能直接使用吗? 其实不解码也是可以使用的,假如说我们通过imageNamed:来加载image,系统默认会在主线程 ...
- SDWebImage源码解读之SDWebImageCache(上)
第五篇 前言 本篇主要讲解图片缓存类的知识,虽然只涉及了图片方面的缓存的设计,但思想同样适用于别的方面的设计.在架构上来说,缓存算是存储设计的一部分.我们把各种不同的存储内容按照功能进行切割后,图片缓 ...
- SDWebImage源码解读之SDWebImageCache(下)
第六篇 前言 我们在SDWebImageCache(上)中了解了这个缓存类大概的功能是什么?那么接下来就要看看这些功能是如何实现的? 再次强调,不管是图片的缓存还是其他各种不同形式的缓存,在原理上都极 ...
- AFNetworking 3.0 源码解读 总结(干货)(下)
承接上一篇AFNetworking 3.0 源码解读 总结(干货)(上) 21.网络服务类型NSURLRequestNetworkServiceType 示例代码: typedef NS_ENUM(N ...
- AFNetworking 3.0 源码解读 总结(干货)(上)
养成记笔记的习惯,对于一个软件工程师来说,我觉得很重要.记得在知乎上看到过一个问题,说是人类最大的缺点是什么?我个人觉得记忆算是一个缺点.它就像时间一样,会自己消散. 前言 终于写完了 AFNetwo ...
随机推荐
- 引用dll出现了黄色感叹号
今天引用一个dll的时候出现了一个小感叹号,重新生成也无济于事,如下图 原因是,被引用的项目使用的是.NET2.0版本,而当前项目使用的是.NET3.5版本,所以出现了错误 解决办法把当前项目和引用项 ...
- 软件设计分为结构化设计(SD)
软件设计分为结构化设计(SD)与面向对象设计(OOD). 其中结构化设计SD是一种面向数据流的方法,它以SRS(软件需求规格说明书)和SA(结构化分析)阶段所产生的和数据字典等文档为基础,是一个自顶向 ...
- Django 前端通过json 取出后端数据
Django 前端通过json 取出后端数据 前端通过json 取出后端数据 步骤1:后台数据通过 JSON 序列化成字符串a 注意:1.json是1个字符串 2.通过json.dumps('xx ...
- javascript高级程序设计读书笔记-事件(一)
读书笔记,写的很乱 事件处理程序 事件处理程序分为三种: 1.html事件2. DOM0级,3,DOM2级别 没有DOM1 同样的事件 DOM0会顶掉html事件 因为他们都是属性 而 ...
- [.net core]11.异常页
.net core中的异常页很重要 因为可以查看异常的堆栈信息, 请求的参数(如果有),cookie, http头 帮助我们快速的定位问题 .net core web app 默认开启了异常页,但是 ...
- RabbitMQ入门教程(一):安装和常用命令
原文:RabbitMQ入门教程(一):安装和常用命令 版权声明:本文为博主原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明. 本文链接:https://blog.csdn ...
- luogu P1758 [NOI2009]管道取珠
luogu 这个题中的平方有点东西,考虑他的组合意义,也就是做这个过程两次,如果两次得到的结果一样就给答案+1,所以可以考虑dp,设\(f_{i,j,k,l}\)表示第一个过程中上面取到的第\(i\) ...
- 初探html-17 表单
HTML 表单和输入 HTML 表单用于收集不同类型的用户输入. 在线实例 <form action=""> First name: <input type=&q ...
- 绑定异常pom
绑定:. <build> <resources> <resource> <directory>src/main/resources</direct ...
- Delphi 算术运算符与算术表达式