1.字体超过两行显示省略号
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient: vertical;
2.超过宽度显示省略号
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
3.点击按钮后去除出现选中边框
outline: none;
4.img onerror事件
onerror="src='static/console/templates/nullPicture.jpg'"
5.对于多位数字第一位不能为0, 单个数字可以为0(正则)
!/(^[1-9]([0-9]*)$|^[0-9]$)/.test(value)
5.可以有小数 可以为负数(正则)
!/(^([1-9]|\-[1-9])(([0-9])*\.?[0-9]*)$)|(^([0-9]|\-[0-9])\.?[0-9]*$)/test(value)
6.只能填数字的正则表达式
!value.replace(/[^\d]/g,'')
7.只能填数字和小数点的正则表达式
!/^\d+(\.\d+)?$/.test(value)
8.只能填小数点后一位并且是整数
!(/^\d+(\.\d)?$/.test(value))
9.
const定义的变量不可以修改,而且必须初始化。
var定义的变量可以修改,如果不初始化会输出undefined,不会报错。
let是块级作用域,函数内部使用let定义后,对函数外部无影响。
10
对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。
对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法。
11.强制修改css样式
!important
12.绝对定位实现垂直居中
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
13.金钱类校验正则
!(/^\d+(\.\d{1,2})?$/.test(value))
14.手机号校验正则
!/^1\d{10}$/.test(that.phone)
15.校验是否是中文
/[\u4E00-\u9FA5]/i.test(goodsSn)
16.input框设置点击时不回显之前输入过的历史数据
autocomplete="off"