Layui單頁版應用開發

2021-10-01 22:20:36 字數 938 閱讀 6549

1. 拿到設計圖先熟悉整個業務,對複雜的功能實現問題先做思考能否實現,如若不能則用其它實現方法替代。

3. 命名規則:a.檔案命名全小寫單詞以下劃線分隔,"動詞_名詞"或者"名詞_名詞";b.class和id命名全小寫單詞以連字元分隔,"動詞-名詞"或者"名詞-名詞";c.變數命名駝峰式,如datalist;d.函式命名雙駝峰式,如adduser;e.每個變數及函式都要寫備註。

4.整理頁面中所有表單,確認所有欄位的長度及校驗規則,改寫layui原始碼裡面form.js檔案的校驗方法。

5.常用正規表示式:賬號,密碼,名稱,**,郵箱,身份證

6.公共樣式檔案style/common.css在layout.html中引入

7.封裝函式寫在controller下

//定義模組

layui.define(['layer','admin'], function(exports)

};exports('ajax',ajax);

})//引入模組

layui.use('ajax',function())

8.相似頁面的樣式和簡單指令碼都寫在同乙個檔案中,使**更簡介明了。

9.使用layui模板遇到的坑:

(1)如果在layout.html中使用了模板請求選單欄資料,並且在lay-done函式中接收資料,其它頁面也要使用lay-done函式就不能命名為layui.data.done,可以命名為layui.data.other,否則只會執行選單欄的方法;

(2)頁面中既要使用模板請求,還要使用laytpl模板渲染時,一定不要兩個script相互巢狀;

(3)模板請求中如果有時間、下拉、單選、上傳等元件,都要在lay-done函式中重新渲染或者重新執行指令碼,如layui.form.render('select');

單頁應用和多頁應用

每一次頁面跳轉的時候,後台伺服器都會給返回乙個新的html文件,這種型別的 也就是多頁 也叫做多頁應用。為什麼多頁應用的首屏時間快?首屏時間叫做頁面首個螢幕的內容展現的時間,當我們訪問頁面的時候,伺服器返回乙個html,頁面就會展示出來,這個過程只經歷了乙個http請求,所以頁面展示的速度非常快。為...

單頁應用 vs 多頁應用

web專案可分為單頁應用 和 多頁應用。單頁應用,就是只有乙個頁面,其他內容,估計就是動態載入,用從載入其他頁面片段 請求後台 這種方式來完成。這麼一說,我之前做的,其實都是多頁應用。相比之下,單頁應用的優勢是什麼呢?1 頁面切換非常快,不會出現白屏,還可以作出過渡效果 2 公用的js和css一次性...

6 4 多頁應用與單頁應用

每一次頁面的跳轉,後端都會返回乙個新的html檔案 首屏 頁面首個螢幕的內容展現出來的時間,因為訪問頁面的時候,伺服器返回html,然後頁面就會被展示出來,這個過程只經歷了乙個http請求,所以頁面展示的速度非常快 搜尋引擎是可以識別html中的內容的,而我們每乙個頁面,所有的內容都放在html中 ...