layui 扩展模块

Layui学习笔记（一）—— 关于模块的扩展

在使用layui的时候,总有官方自带模块不够用想自己扩展的时候,这时候我们就需要扩展模块了. 模块扩展有两种: (一)普通地扩展 layui.define( function (exports) { }); (二)依赖其他模块扩展 layui.define( [ 'xxx', 'xxx', 'xxx' ], function (exports) { // xxx代表其他模块的名称,例如 'jquery', 'layer' }); 当我们想定义模块中的方法时,可以使用以下代码: var objec

layui报错 "Layui hint: 模块名 xxx 已被占用" 的问题解决方案

由于扩展模块数量众多, 于是我需要将扩展模块分类到二级文件夹中, 我在页面中是这么写的 <script> layui.extend({ courseTask: 'task/courseTask' }); layui.use('courseTask', layui.factory('courseTask')); </script> 然而首次进入页面时, 页面可以正常运行, 但是从菜单栏切换之后在到这个页面时, 就报错了并且页面无法渲染问题病因: 由于我们的项目的单页面应用, 所以

layui模块规范

刚入公司不久,就开始做项目了,最后还是选择用layui来做前端的页面,一来是可以自适应,二来是用框架比较方便,简洁. 先看下Layui的介绍: layui 是一款采用自身模块规范编写的情怀级前端UI框架,遵循原生HTML/CSS/JS的书写与组织形式,门槛极低,拿来即用.其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,从核心代码到API的每一处细节都经过精心雕琢,非常适合界面的快速开发.layui 首个版本发布于2016年金秋,她区别于那些基于MVVM底层的UI框架,却并非逆道而行,而是信奉

layUI学习第三日：layUI模块化开发

layui 定义为「经典模块化」,具备早前 AMD 的影子,又并非受限于 CommonJS 的那些条条框框, BootStrap 的不同在于:layui 糅合了自身对经典模块化的理解. 除了 layui 内置的全模块加载,layui 的扩展模块同样可以合并为一个文件来加载.

layui.js源码分析

/*! @Title: Layui @Description:经典模块化前端框架 @Site: www.layui.com @Author: 贤心 @License:MIT */ ;!function(win) { "use strict"; var Lay = function() { this.v = '1.0.9_rls'; //版本号 }; Lay.fn = Lay.prototype; var doc = document, config = Lay.fn.cache =

Layui自定义模块的使用方式

为什么要自定义模块呢?好处很多.比如可以大量重用代码...... 根据layui官方的文档说明.首先第一步是要确定你要扩展的模块名称现在做的是登录功能.因此扩展模块名叫 login 使用layui.define()方法来扩展模块.当然模块中你也可以使用layui的其他方法.如下 layui.define('layer', callback); 在定义扩展模块的时候.我需要使用layui的layer模块.然后在回调函数中定义自己的方法 layui.define(["layer",&q

layui常用方法

很好用的一个ui组件,弹出,分页等 http://layer.layui.com/ 1 带叉叉的弹窗 layer.open({ type: , title: false, //不显示标题 content: 'hehe', //捕获的元素 area: ['400px', '200px'], //宽高 //scrollbar: false, cancel: function(index) { layer.close(index); } });

开源网站.NETMVC+ Layui+SqlSugar+RestSharp

SugarSite一个前端支持移动端的企业网站,目前只支持了简单功能,后续还会加上论坛等. 源码GIT地址: https://github.com/sunkaixuan/SugarSite 技术介绍 Layui 个人而言不喜欢引用一堆东西,越简洁越好,layui正好能够满足我的这种需求,它是一款轻量级UI,JS部分都是采用模块化设计(AMD) ,对移动端支持比较不错. 唯一不足是目前支持的组件有些少,需要有一定前端扩展能力的人才可以顺心使用. 用法: 例如我想用form.js和uploda.j

分页组件 - layui.laypage

<!doctype html> <html> <head> <meta charset="utf-8"> <title>layui</title> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=edge

日期时间组件 - layui.laydate

全部参数一.核心方法:laydate(options); options是一个对象,它包含了以下key: '默认值' { elem: '#id', //需显示日期的元素选择器 event: 'click', //触发事件 format: 'YYYY-MM-DD hh:mm:ss', //日期格式 istime: false, //是否开启时间选择 isclear: true, //是否显示清空 istoday: true, //是否显示今天 issure: true, 是否显示确认 festi

关于layui

之前用layer用了很长时间,感觉很好用,最近看到了layui的发布很想尝试尝试. 加入了挺多的功能,比如编辑器,上传,form表单等等.

日期控件,layui

fastdfs-nginx扩展模块源码分析

FastDFS-Nginx扩展模块源码分析 1. 背景在大多数业务场景中,往往需要为FastDFS存储的文件提供http下载服务,而尽管FastDFS在其storage及tracker都内置了http服务, 但性能表现却不尽如人意:作者余庆在后来的版本中增加了基于当前主流web服务器的扩展模块(包括nginx/apache),其用意在于利用web服务器直接对本机storage数据文件提供http服务,以提高文件下载的性能. 2. 概要介绍关于FastDFS的架构原理不再赘述,有兴趣可以参考:

使用的组件：Layui

Layui 经典模块化前端框架由职业前端倾情打造,面向所有层次的前后端程序猿,中国最容易使用的前端UI解决方案 Layui 出蛋于2016年金秋,是一款带着浓烈情怀的国产前端UI框架,她追求极简,又不失丰盈的内在,说她是史上最轻量的结晶,似乎并不为过.一切都源自于她对原生态的执着,对前端社区的那些噪杂声音的过滤,以及她本身的精心雕琢. 官网地址:http://www.layui.com/

【开源项目SugarSite】ASP.NET MVC+ Layui+ SqlSugar+RestSharp项目讲解

SugarSite一个前端支持移动端的企业网站,目前只支持了简单功能,后续还会加上论坛等. 源码GIT地址: https://github.com/sunkaixuan/SugarSite 技术介绍 Layui 个人而言不喜欢引用一堆东西,越简洁越好,layui正好能够满足我的这种需求,它是一款轻量级UI,JS部分都是采用模块化设计(AMD) ,对移动端支持比较不错. 唯一不足是目前支持的组件有些少,需要有一定前端扩展能力的人才可以顺心使用. 用法: 例如我想用form.js和uploda.j

前端框架layui

可以了解下jQuery组件layer layui开始使用Layui兼容除IE6/7以外的全部浏览器,并且绝大多数结构支持响应式弹出层如果你使用的是Layui,那么你直接在官网下载layui框架即可,无需引入jQuery和layer.js,但需要引入layui.css和layui.js基础参数:layer.open({content: ''})layer.msg('', {time: 3}) type参数:layer提供了5种层类型.可传入的值有:0(信息框,默认)1(页面层)2(iframe层

linux下安装php的imagick扩展模块（附php升级脚本）

imagick是一个PHP的扩展,是一套软件系列,用ImageMagick提供的API来进行图片的创建与修改,不过这些操作已经包装到扩展imagick中去了,最终调用的是ImageMagick提供的APIImageMagick主要用于图片的创建.编辑以及转换等,ImageMagick与GD的性能要高很多,如果是在处理大量的图片时更加能体现ImageMagick的性能. 下面介绍下安装php的imagick扩展模块的方法: (1)下载软件下载ImageMagick.tar.gz: http://p

Layui - 示例

示例地址 http://www.layui.com/demo/ 下载地址 http://www.layui.com/ 示例代码 <!doctype html> <html> <head> <meta charset="utf-8"> <title>演示/教程 - layui</title> <meta name="renderer" content="webkit"&g

在linux中使用phpize安装php扩展模块

介绍:linux系统中,php安装成功后,在bin目录下会生成一个名叫phpize的可执行脚本,这个脚本的用途是动态安装php扩展模块.使用phpize脚本安装php扩展模块的好处:在安装php时没有安装的扩展,可以在以后随时安装上,且不需要重新安装PHP. 安装步骤:1.切换到扩展模块目录在php源码包被解压后的目录中有个ext子目录,这里有近70多个主流的php扩展模块安装包.如现在要安装memcache扩展,则切换到memcache目录:cd /software/php-5.2.14/ex

phpize php扩展模块安装

安装(fastcgi模式)的时候,常常有这样一句命令:/usr/local/webserver/php/bin/phpize一.phpize是干嘛的?phpize是什么东西呢?php官方的说明:http://php.net/manual/en/install.pecl.phpize.phpphpize是用来扩展php扩展模块的,通过phpize可以建立php的外挂模块比如你想在原来编译好的php中加入memcached或者ImageMagick等扩展模块,可以使用phpize,通过以下几步工作.

layui 扩展模块

热门专题