Layui新手教程----帮助小白少走弯路

Layui的学习

                                        Layui官方文档：https://www.layui.com/

　　先说说为啥我接触到了layui，由于须要去参与作一个项目，被学长推荐去学习layui，用来处理一些前端的问题。

　　Layui做为一个前端框架，用起来是十分的方便，而且官方文档中还有不少的模板能够参考。做为一个小白，首次接触layui仍是比较茫然的，不知道如何去下手，网上搜索的博客也是杂七杂八的，起初看了一个多小时仍是不明因此，做为一个走过来的小白，但愿能给其余像我同样的小白一点经验，让他们少走一点弯路。

　　首先，当你搜索”layui教程”，你会发现许多博客都是给你贴脸丢一堆代码的截图啥的，瞬间就懵逼了。又或者你会发现，我搜索的是layui教程，为啥给我讲layer，看了一半就感受受骗了。

那么，我就来快速的解释一下，layui是什么，layui是一个整合了多个模块的框架，以前提到的layer就是其中的一种模块。

 

      经过这张图，咱们就能够明白，网上不少教程是把layer单独拿出来用的，因此须要安装JQuery1.8。可是若是咱们把layer当一个模块使用的话，咱们就只须要引入layui.css和layui.js。

      那么问题又来了，如何引入这两个东西呢？？

           

      说来也丢人，我在相对路径的填写上绕了半个多小时，致使上面的组件一直导入不进去（我以为通常小白也会在这个地方栽跟头，因此我就把，相对路径的教程贴出来https://blog.csdn.net/chenjine125/article/details/50920602，另外建议把网页和layui放在一个文件夹里面，这样便于操做）。

      当上面两个问题就解决了以后，那么咱们就能够正式的来学习layui了

            关于layui的教程：

                       http://www.javashuo.com/article/p-wyktcwru-bh.html

                            这个大佬写的博客挺好的，能够去看看。

另外，学的话，多看一下官网的文档，他人的博客只能属于帮助你理解，真正起做用的仍是官方的文档。