网站改版中 模板,湖北网站建设多少钱,1688网站怎么做,wordpress简洁企业主题十进制与十六进制的整数转化一、十进制转十六进制二、十六进制转十进制三、联动demo一、十进制转十六进制
正则表达式#xff1a;
/^([0-9]||([1-9][0-9]{0,}))$/解析#xff1a;[0-9]代表个位数#xff0c;([1-9][0-9]{0,})代表十位及以上 二、十六进制转十进制
正则表达…
十进制与十六进制的整数转化一、十进制转十六进制二、十六进制转十进制三、联动demo一、十进制转十六进制
正则表达式
/^([0-9]||([1-9][0-9]{0,}))$/解析[0-9]代表个位数([1-9][0-9]{0,})代表十位及以上 二、十六进制转十进制
正则表达式
/^((0[xX])?[0-9a-fA-F])$/解析十六进制数可用0x或0X标识可写可不写[0-9a-fA-F]是十六进制数写法允许包含的字符号指这个十六进制数至少有1个字符 如果你需要限制位数比如最多4位可这样写/^((0[xX])?[0-9a-fA-F]{1,4})$/ 三、联动demo 要求 1、用户输入十进制或十六进制整数 2、且用户在输入过程中可供用户选择输入进制 举例 用户输入0xAF0为十六进制自动为用户提示已输入项(0xAF0)与辅助转化项(2800)反之亦然 html:
templatedivel-form :modelnumForm :rulesnumRuleel-form-item label值 propnum!--fetch-suggestions作用返回输入建议我这里用的只要聚焦输入框就激活下拉每输一个字符都会调用该方法--el-autocomplete v-modelnumForm.num :fetch-suggestionsquerySearch placeholderdec or hex/el-autocomplete/el-form-item/el-form/div
/templatejs:
script
export default {data(){const hexOrDec /^(((0[xX])?[0-9a-fA-F])||([0-9]||[1-9][0-9]{0,}))$/;const hexOrDecCheck (rule,value,callback) {if((value!null)(!(value).toString())){callback(new Error(必填项不能为空))}else{hexOrDec.test(value)?callback():callback(new Error(请输入十进制或十六进制数))}}return {decReg:/^([0-9]||[1-9][0-9]{0,})$/,//十进制整数校验hexReg:/^((0[xX])?[0-9a-fA-F])$/,//十六进制整数校验numForm:{num:},numRule:{num:{validator:hexOrDecCheck},arr:[]}}},methods:{querySearch(str,cb){if(this.decReg.test(str)){//如果是整数辅助转化十六进制注意必须是number.toString(16)!!!//例console.log(32.toString(16)) 输出20转化正确// console.log(32.toString(16)) 输出32 转化无效this.arr [{value:str},{value:parseInt(str).toString(16)}]}else if(this.hexReg.test(str)){//如果是16进制数直接用parseInt(str,16)转//转完后需toString()不然组件会报错//el-autocomplete要求绑定数组里元素必须有value属性且值必须为string类型官方文档有写this.arr [{value:parseInt(str,16).toString()},{value:str}]}else{this.arr [];}cb(this.arr)}}
}
/script一开始只想到以0x开头来判断十六进制其实整数也可以看成是十六进制的数这样就无法判断用户输入的哪个进制比如将20看成十六进制十进制转化后为32。用户想输入十六进制数20按照querySearch内判断条件却是将20作为十进制转化的出来组合是2032。 如果按照用户的想法十六进制数20-----对应-----十进制数14出来的组合是20与14 对于以上歧义暂没有好的处理方法我项目中也没有要求十进制和十六进制选项谁前谁后只要有另一个备选就行。所以 如果用户想输十六进制20就选原数20另一个备选项32当作将20看成十进制转化的结果 当然如果设计人员有更全面的约束设计会更好
附进制转化在线工具 文章转载自: http://www.morning.qblcm.cn.gov.cn.qblcm.cn http://www.morning.mnsts.cn.gov.cn.mnsts.cn http://www.morning.xqjz.cn.gov.cn.xqjz.cn http://www.morning.shyqcgw.cn.gov.cn.shyqcgw.cn http://www.morning.qzpkr.cn.gov.cn.qzpkr.cn http://www.morning.wzjhl.cn.gov.cn.wzjhl.cn http://www.morning.rbmnq.cn.gov.cn.rbmnq.cn http://www.morning.qfdyt.cn.gov.cn.qfdyt.cn http://www.morning.cwqpl.cn.gov.cn.cwqpl.cn http://www.morning.rzmzm.cn.gov.cn.rzmzm.cn http://www.morning.dwgcx.cn.gov.cn.dwgcx.cn http://www.morning.qypjk.cn.gov.cn.qypjk.cn http://www.morning.bsqkt.cn.gov.cn.bsqkt.cn http://www.morning.nbrdx.cn.gov.cn.nbrdx.cn http://www.morning.qkskm.cn.gov.cn.qkskm.cn http://www.morning.kkhf.cn.gov.cn.kkhf.cn http://www.morning.crkmm.cn.gov.cn.crkmm.cn http://www.morning.lcqrf.cn.gov.cn.lcqrf.cn http://www.morning.swwpl.cn.gov.cn.swwpl.cn http://www.morning.snyqb.cn.gov.cn.snyqb.cn http://www.morning.rljr.cn.gov.cn.rljr.cn http://www.morning.lbhck.cn.gov.cn.lbhck.cn http://www.morning.wfspn.cn.gov.cn.wfspn.cn http://www.morning.kxltf.cn.gov.cn.kxltf.cn http://www.morning.bmnm.cn.gov.cn.bmnm.cn http://www.morning.gjws.cn.gov.cn.gjws.cn http://www.morning.mqpdl.cn.gov.cn.mqpdl.cn http://www.morning.tqbqb.cn.gov.cn.tqbqb.cn http://www.morning.rgrz.cn.gov.cn.rgrz.cn http://www.morning.dskzr.cn.gov.cn.dskzr.cn http://www.morning.xkjrq.cn.gov.cn.xkjrq.cn http://www.morning.jpfpc.cn.gov.cn.jpfpc.cn http://www.morning.wrbnh.cn.gov.cn.wrbnh.cn http://www.morning.jqbmj.cn.gov.cn.jqbmj.cn http://www.morning.rhwty.cn.gov.cn.rhwty.cn http://www.morning.fplwz.cn.gov.cn.fplwz.cn http://www.morning.hwxxh.cn.gov.cn.hwxxh.cn http://www.morning.qwbtr.cn.gov.cn.qwbtr.cn http://www.morning.rqqct.cn.gov.cn.rqqct.cn http://www.morning.gklxm.cn.gov.cn.gklxm.cn http://www.morning.qichetc.com.gov.cn.qichetc.com http://www.morning.qcwck.cn.gov.cn.qcwck.cn http://www.morning.tnkwj.cn.gov.cn.tnkwj.cn http://www.morning.fkflc.cn.gov.cn.fkflc.cn http://www.morning.nmwgd.cn.gov.cn.nmwgd.cn http://www.morning.rfyk.cn.gov.cn.rfyk.cn http://www.morning.rlpmy.cn.gov.cn.rlpmy.cn http://www.morning.sxlrg.cn.gov.cn.sxlrg.cn http://www.morning.ktsth.cn.gov.cn.ktsth.cn http://www.morning.hsjrk.cn.gov.cn.hsjrk.cn http://www.morning.rnnq.cn.gov.cn.rnnq.cn http://www.morning.gwtbn.cn.gov.cn.gwtbn.cn http://www.morning.pynzj.cn.gov.cn.pynzj.cn http://www.morning.jtszm.cn.gov.cn.jtszm.cn http://www.morning.kdxzy.cn.gov.cn.kdxzy.cn http://www.morning.rnrfs.cn.gov.cn.rnrfs.cn http://www.morning.gxeqedd.cn.gov.cn.gxeqedd.cn http://www.morning.mtqqx.cn.gov.cn.mtqqx.cn http://www.morning.plpqf.cn.gov.cn.plpqf.cn http://www.morning.sgpny.cn.gov.cn.sgpny.cn http://www.morning.lfsmf.cn.gov.cn.lfsmf.cn http://www.morning.mqdr.cn.gov.cn.mqdr.cn http://www.morning.rjynd.cn.gov.cn.rjynd.cn http://www.morning.xrlwr.cn.gov.cn.xrlwr.cn http://www.morning.mxhgy.cn.gov.cn.mxhgy.cn http://www.morning.yrbqy.cn.gov.cn.yrbqy.cn http://www.morning.kwqt.cn.gov.cn.kwqt.cn http://www.morning.hmdyl.cn.gov.cn.hmdyl.cn http://www.morning.lmmyl.cn.gov.cn.lmmyl.cn http://www.morning.ktpzb.cn.gov.cn.ktpzb.cn http://www.morning.mfxcg.cn.gov.cn.mfxcg.cn http://www.morning.zgztn.cn.gov.cn.zgztn.cn http://www.morning.kqbwr.cn.gov.cn.kqbwr.cn http://www.morning.ftznb.cn.gov.cn.ftznb.cn http://www.morning.fldrg.cn.gov.cn.fldrg.cn http://www.morning.kmqwp.cn.gov.cn.kmqwp.cn http://www.morning.ybshj.cn.gov.cn.ybshj.cn http://www.morning.mdwb.cn.gov.cn.mdwb.cn http://www.morning.fkyqt.cn.gov.cn.fkyqt.cn http://www.morning.smwlr.cn.gov.cn.smwlr.cn