layUI入门学习

首先可以通过layui官网或者通过github进行下载,也可以通过npm进行安装。npm的安装命令是npm install layui-src。

layUI在使用的时候需要引入它的css和js文件。layUI有一些底层的方法。

layui.define([mods], callback),其中mods是该方法所要依赖的一些模块。为可选参数。

layui.use([mods], callback) ,模块的调用。

ayui.link(href)可以动态的加载你所需要的css.

还有一些其他的方法

layUI的调用,都是用layui.use(mods, callback)实现的。可以采用预先加载,例如

layui.use(['form', 'upload'], function(){  //如果只加载一个模块,可以不填数组。如:layui.use('form')
  var form = layui.form //获取form模块
  ,upload = layui.upload; //获取upload模块
  
  //监听提交按钮
  form.on('submit(test)', function(data){
    console.log(data);
  });
  
  //实例化一个上传控件
  upload({
    url: '上传接口url'
    ,success: function(data){
      console.log(data);
    }
  })
});

这样可以不用到处写layui.use这个方法。

建议将所有的业务代码都写在一个大的 use 回调中,而不是将模块接口暴露给全局。

个人觉得layui的模块化,其实是一些可复用前端功能的模块化。例如日期选择,弹出层,分页之类的

 

 

 

转载于:https://my.oschina.net/u/3042592/blog/1588103

你可能感兴趣的:(javascript,前端)