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的教程:
https://blog.csdn.net/weixin_42855542/article/details/83153807
這個大佬寫的博客挺好的,可以去看看。
另外,學的話,多看一下官網的文檔,他人的博客只能屬於幫助你理解,真正起作用的還是官方的文檔。