layui 如何动态加载局部页面_layui 学习（1）

自我感觉作为一个后端开发程序猿，不会点前端太傻逼了。但是写原生的html,js,css代码又写得太丑了，之前试过bootstrap，感觉还行，但没有深入尝试，后面看到什么vue之类的，又感觉系统太庞大了。一次偶然机会，让我感觉到layui这个东西的不错，所以准备上手一波。

搞前端有一个开发工具比较好，这里推荐一个HBuilderX，大家可以去官网下载。

DCloud - HBuilder、HBuilderX、uni-app、uniapp、5+、mui、wap2app、流应用、快应用开发工具、HTML5

感觉很不错。大家看看菜鸟教程的就可以快速上手了，我这里就不重复了。

HBuilder 使用教程 | 菜鸟教程

hbuilder的自动提示太舒服了。

然后我会在这里记录一些笔记。 绝大部分来源于官网的文档，只是把自己觉得很有需要记忆的部分摘抄到这里。

加载所需模块

layui.use([mods], callback)

mods里面必须是一个合法的模块名，不能包含目录。callback即回调函数。如：

layui.use(['laypage', 'layedit'], function(){
  var laypage = layui.laypage
  ,layedit = layui.layedit;
  
  //do something
});

即加载了layui的laypage和layedit模块，然后获取该模块的功能，在后面使用。