模組化、高擴充套件的web驗證功能
web專案中經常會有大量資料的驗證功能。
了解web驗證功能的模組化與擴充套件性,能寫出
滿足所有業務場景需要的驗證功能。
驗證功能的特點:
1、驗證數量不確定
2、不同的字段驗證的規則不一樣。
4、欄位的規則包含多條子規則(非空、數字、字母、長度限制、漢字、規定格式等)
5、會經常刪減字段
6、欄位的規則會經常變化。
7、會有提交驗證和焦點驗證的功能
實現思路:
通過層級呼叫的思路,由應用層一下往邏輯底層呼叫,在邏輯的最底層
暴露功能的擴充套件性。
層次從上到下依次為:
1、應用層
2、功能層
3、驗證方式擴充套件層
4、驗證字段擴充套件層
5、驗證規則擴充套件層
1、布局
在相應的驗證標籤上增加id欄位
2.、js
(1)、 submit 呼叫 焦點驗證inithoververify和提交驗證submitverify驗證
(2)、 定義 焦點驗證inithoververify和提交驗證submitverify驗證
(3)、 專案初始化是呼叫inithoververify, inithoverve
Web前端 模組化程式設計
匯出 let cat let dog let name 測試文字 function sum a,b 同下 簡寫 exports 同下 簡寫 module.exports 同上,原生 module.exports 匯入 可以匯出全部 const m require exportes51 可以匯出部分 ...
web模組化規範和實現
規範commonjs和實現nodejs math.js function add x,y module.exports main.js var math require math console.log 2 2 math.add 2,2 node main.js 規範amd和實現requirejs ...
可擴充套件的模組化架構的CSS
每個專案需要一些組織。將您建立的每個新風格到單個檔案的結束會發現事情更困難,會對別人非常混亂的專案。當然,你可能有一些組織已經到位。希望你讀在這些頁面將強調與您現有的流程和工作,如果我很幸運,你將會看到新的方法可以改善你的過程。你如何決定是否使用id選擇器,或類選擇器,或任何數量的選擇器在你處理嗎?...