row-reverse wrapflex-start | flex-end | center | space-between | space-around
order 项目的排列顺序
- flex-grow 项目的放大比例 flex-shrink 项目的缩小比例 flex-basis widthheightflex 属性是, 和 的简写,默认值为。后两个属性可选。
- align-self 属性允许单个项目有与其他项目不一样的对齐方式,可覆盖属性
.test(123893)
export default {
//0-9内的数字密码
CheckPassword:/^[0-9]{6}$/,
//验证银行卡号
CheckBankCard:/^\d{16}|\d{19}$/,
//验证身份证号码
CheckID:/^(\d{15}$|^\d{18}$|^\d{17}(\d|X|x))$/,
//验证手机号码
CheckPhone:/^1[3|4|5|7|8][0-9]\d{8}$/,
//验证邮箱
CheckEmail:/(\w+\.)*\w+@(\w+\.)+[A-Za-z]+/,
//验证护照
CheckPassport:/^(1[45]\d{7})|([GE]\d{8})|(P\d{7})|(S\d{7,8})|(D\d+)$/,
//验证用户登录密码/^[0-9a-zA-Z_`~\\!@#\\$\\%\\^&\\*()\\-\\+=]{6,20}$/
CheckUserPw:/^(?![A-Z]+$)(?![a-z]+$)(?!\d+$)(?![\W_]+$)\S+$/,
//验证用户名字母数字下滑线
CheckUserName:/[^A-Za-z0-9_]/g,
//验证中文
CheckChinese:/^[\u4E00-\u9FFF]+$/,
//验证URL
CheckUrl:/^([http|https]\:\/\/)?([a-z0-9][a-z0-9\-]+\.)?[a-z0-9][a-z0-9\-]+[a-z0-9](\.[a-z]{2,4})+(\/[a-z0-9\.\,\-\_\%\?\=\&]?)?$/i,
//判断是否是纯字母
CheckLetters:/[^a-zA-Z]/g,
//时间判断 2014/02/04
CheckDate:/^\d{4}(\-|\/|\.)(0?[1-9]|1[0-2])(\-|\/|\.)((0?[1-9])|((1|2)[0-9])|30|31)$/,
//时分秒判断 23:45:07
CheckDateTime:/^((20|21|22|23|[0-1]\d)\:[0-5][0-9])(\:[0-5][0-9])?$/,
//长时间判断 2014/02/04 23:45:07
CheckLongDate:/^(\d{1,4})(-|\/)(0?[1-9]|1[0-2])(\-|\/|\.)((0?[1-9])|((1|2)[0-9])|30|31) ((20|21|22|23|[0-1]\d)\:[0-5][0-9])(\:[0-5][0-9])$/,
// 验证输入金额
pat :/^(([0-9]+\d*)|([0-9]+\d*\.\d{1,2}))$/
}
格式访问
axios.post(‘/bmac_h5/transDetail‘, sourceObj,{
headers: {
‘Content-Type‘: ‘multipart/form-data‘
}
})
.then(function (response) {
console.log(response);
data = JSON.parse(response);
_this.jsonData = data.data;
})
.catch(function (error) {
console.log(error);
});
var sourceObj =
{mobileNo:this.$route.query.mobileNo,//就是卡号
recordId:this.$route.query.recordId,
}
console.log("qstest"+qs.stringify(sourceObj));
addBaseParams(sourceObj);
axios.post(‘/bmac_h5/transDetail‘,qs.stringify(sourceObj) ,{
headers:
{
‘Content-Type‘: ‘application/x-www-form-urlencoded; charset=UTF-8‘
}
})
.then(function (response) {
console.log(response);
data = JSON.parse(response);
_this.jsonData = data.data;
})
.catch(function (error) {
console.log(error);
});
canvas =canvas.getContext(‘2d‘)
canvas.fillStyle="#FF0000";
canvas.moveTo(0,0)
canvas.lineTo(100,100)
canvas.lineTo(0,0)
canvas.closePath()
canvas.fill();
background: orange;
width: 00px;
height: 00px;
border-width: 100px 100px 100px 100px;
border-color: red transparent transparent transparent;
border-style: solid;
transform: translate(0%,0%) rotate(27deg);
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<polygon points="200,10 250,190 160,210" style="fill:lime;stroke-width:1" />
</svg>
画圆
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<circle cx="100" cy="50" r="40" stroke="black"
stroke-width="2" fill="red"/>
</svg>
画方
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<rect width="300" height="100"
style="fill:rgb(0,0,255);stroke-width:1;stroke:rgb(0,0,0)"/>
</svg>
多继承
- function Class2()
- Class10.call(this);
- this}
apply和call
,
bind和call的区别
在 JS 中有一些基本类型像是Number、String、Boolean,a=b 这样写可以深拷贝的,a和b值互不影响。而对象就是像这样的东西{ name: ‘Larry‘, skill: ‘Node.js‘ },a=b 修改了b,a也会跟这变化。写 obj2 = { a: obj1.a, b: obj1.b, c: obj1.c };这样以最基本参数书写就是深度copy
obj.addEventListener(evtype,fn,useCapture)——W3C提供的添加事件处理函数的方法。obj是要添 加事件的对象,evtype是事件类型,不带on前缀,fn是事件处理函数,如果useCapture是true,则事件处理函数在捕获阶段被执行,否则 在冒泡阶段执行
当我们使用Javascript来修改我们的页面,浏览器已经做了一些工作,以找到DOM节点进行更改在现代的应用中,会有成千上万数量个DOM节点。所以因更新的时候产生的计算非常昂贵琐碎且频繁的更新会使页面缓慢,同时这也是不可避免的。.getElementById这个方法慢
rem 根节点font-size的大小乘N rem 。如果html标签有font-size,就用html的,如果body有那就用body的字体大小覆盖html的。