資訊專欄INFORMATION COLUMN
摘要：在看這篇文章之前，我建議大伙可以去把項目拉到本地看看。如果覺得寫得不好，可以一起提提，一起維護(hù)?；蛘叽蠡镉袆傂瑁梢粤粞?，后期會不斷完善。使用方法瀏覽器打開即可訪問先談?wù)勡嚺铺柕男ｒ?。企業(yè)銀行要自行補充該卡的銀行名稱，獲取不了。
在看這篇文章之前，我建議大伙可以去把項目demo拉到本地看看。如果覺得寫得不好，可以一起提提issues，一起維護(hù)。或者大伙有剛需，可以留言，后期會不斷完善。
使用方法：
git clone https://github.com/13725102796/css3-demo.git cd css3-demo npm i (yarn install) npm start 瀏覽器打開localhost: 8080 即可訪問
先談?wù)勡嚺铺柕男ｒ?。之前折騰了好久，網(wǎng)上文章也比較雜亂，后來無意中發(fā)現(xiàn)了一個比較好用的庫 —— plate-number-input
就直接用了。具體效果如下：
用法如下：
復(fù)制代碼
npm i plate-number-input
import PlateNumberInput from "plate-number-input"
const input = new PlateNumberInput({
el: "#plateNumapp",
defaultNumber: "默認(rèn)號碼",
isNewpower: false,
// 點擊保存回調(diào)事件，input.getNumber()代表獲取當(dāng)前輸入的號碼
onBtnSaveClick: ()=>{
console.log(input.getNumber())
}
});
復(fù)制代碼
下個案例 —— 銀行卡校驗
（注： 銀行卡校驗只能通過個人卡號的校驗，企業(yè)卡號是無法校驗，因為調(diào)用是支付寶校驗的接口，企業(yè)只能做到校驗號碼位數(shù)）
具體效果如下：
npm i bankcardinfo
import BIN from "bankcardinfo";
BIN.getBankBin(this.form.bank_account)
.then(data => {
console.log(data);
if(data.bankName){
console.log(data.bankName + data.cardTypeName)
}
})
.catch(err => {
let errMsg = (err.split(":")[1]).split(",")[0]
console.log(errMsg )
});
具體業(yè)務(wù)邏輯還是要靠自己去寫。企業(yè)銀行要自行補充該卡的銀行名稱，獲取不了。
demo里面還有一個很唯美的輪播，如果能幫上大家的忙，別忘了給個star?。?！
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/101309.html
摘要：大型新能源汽車號牌的前五位必須使用數(shù)字，第六位必須使用字母代表純電動新能源汽車，代表非純電動新能源汽車。因此調(diào)整正則表達(dá)式為新添加農(nóng)用車輛及拖拉機車牌號驗證農(nóng)用車車牌號示例山東山東手扶拖拉機示例魯 匹配武警車牌 ^WJ[京津冀晉蒙遼吉黑滬蘇浙皖閩贛魯豫鄂湘粵桂瓊川貴云渝藏陜甘青寧新]?[0-9a-zA-Z]{5}$ 匹配軍牌 /[A-Z]{2}[0-9]{5}$/ 1、現(xiàn)在大多數(shù)車牌匹...
摘要：新增插件中搜索進(jìn)行安裝倉庫地址使用方法安裝中插件搜索框輸入安裝完畢后按或者輸入可以看到正則列表或者輸入關(guān)鍵詞比如手機網(wǎng)頁版支持的正則年月日更新迅雷鏈接鏈接寬松匹配磁力鏈接寬松匹配子網(wǎng)掩碼文件夾路徑文件路徑下文件夾 新增vscode插件 vscode中搜索any-rule進(jìn)行安裝. 倉庫地址: https://github.com/any86/any-... showImg(https:...
摘要：判斷是否合法車牌號年月日年月日增加對特種車牌，武警車牌軍牌的校驗?zāi)暝氯赵黾訉ξ恍履茉窜嚺频男ｒ炂ヅ涿裼密嚺坪褪桂^車牌判斷標(biāo)準(zhǔn)，第一位為漢字省份縮寫，第二位為大寫字母城市編碼，后面是位僅含字母和數(shù)字的組合京津冀晉蒙遼吉黑滬蘇浙皖閩贛魯豫鄂湘粵 /** 判斷是否合法車牌號 * @name isCarLicense @author furong @param $license @retur...
摘要：一背景團(tuán)隊最近頻繁遭受網(wǎng)絡(luò)攻擊，引起了技術(shù)負(fù)責(zé)人的重視，筆者在團(tuán)隊中相對來說更懂安全，因此花了點時間編輯了一份安全開發(fā)自檢清單，覺得應(yīng)該也有不少讀者有需要，所以將其分享出來。 一、背景 團(tuán)隊最近頻繁遭受網(wǎng)絡(luò)攻擊，引起了技術(shù)負(fù)責(zé)人的重視，筆者在團(tuán)隊中相對來說更懂安全，因此花了點時間編輯了一份安全開發(fā)自檢清單，覺得應(yīng)該也有不少讀者有需要，所以將其分享出來。 二、編碼安全 2.1 輸入驗證 ...
閱讀 1632·2021-09-08 10:42
閱讀 3617·2021-08-11 10:23
閱讀 3990·2019-08-30 14:10
閱讀 2743·2019-08-29 17:29
閱讀 3099·2019-08-29 12:50
閱讀 651·2019-08-26 13:36
閱讀 3465·2019-08-26 11:59
閱讀 1498·2019-08-23 16:23
