首页 > 技术文章 > 前端杂记

GGDong 2019-06-10 10:38 原文

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"

推荐阅读