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

                            這個大佬寫的博客挺好的，能夠去看看。

另外，學的話，多看一下官網的文檔，他人的博客只能屬於幫助你理解，真正起做用的仍是官方的文檔。