layui是什麼
根據layer元件使用人數,就可以看出layui框架是非常不錯的,接下來我們就開啟layui之旅吧!
layui的結構├─css //css目錄
│ │─modules //模組css目錄(一般如果模組相對較大,我們會單獨提取,比如下面三個:)
│ │ ├─laydate
│ │ ├─layer
│ │ └─layim
│ └─layui.css //核心樣式檔案
├─font //字型圖示目錄
│─lay //模組核心目錄
│ └─modules //各模組元件
│─layui.js //基礎核心庫
└─layui.all.js //包含layui.js和所有模組的合併檔案
layui內建模組
下面列出我感覺比較重要的幾個元件模組,畢竟不是專門從事前端的。
獲取layui
通過layui官網獲取,詳情請參考layui官網。
layer彈層之美
1.在頁面中引入jquery框架
3.引入layer目錄下的layer.js檔案
4.開啟layer彈層之旅
初體驗layer彈層之美
$(function(), function());
}, function(), function());
}, function(), function());
//頁面層
layer.open(); //0代表載入的風格,支援0-2
//loading層
var index = layer.load(1, , function(pass, index), function(text, index){
layer.close(index);
layer.msg('演示完畢!您的口令:'+ pass +'
您最後寫下了:'+text);
//tab層
layer.tab({
area: ['600px', '300px'],
tab: [{
title: 'tab1',
content: '內容1'
title: 'tab2',
content: '內容2'
title: 'tab3',
content: '內容3'
//相簿層
$.getjson('test/photos.json?v='+new date, function(json){
layer.photos({
photos: json //格式見api文件手冊頁
,anim: 5 //0-6的選擇,指定彈出動畫型別,預設隨機
layui表單驗證 只能是整數
大部分的layui驗證在我另乙個部落格頁面 這次的是只能輸入整數,之前寫了乙個lay verify required number 發現在實際運用中,寫小數的,會出現錯誤資訊 換成double也不成 後來就用了js輔助,看 input name operatorid lay verify suanz...
SpringMVC處理請求的大致流程是怎麼樣的
spring mvc請求處理架構圖 1 使用者首先傳送請求到前端控制器dispatcher servlet 3 接著將得到的處理器handlerexecutionchain包裝成為handleradapter 介面卡 4 根據得到的handleradapter呼叫真正的處理器得到modelandvi...
Android View類中的生命週期是怎樣的
android view有以下14個週期 1 onfinishinflate 當view中所有的子控制項均被對映成xml後觸發 2 onmeasure int int 確定所有子元素的大小 3 onlayout boolean int int int int 當view分配所有的子元素的大小和位置時...