前端小技术(不定期更新...)

点击图片进行全屏演示，禁止上下滑动页面

//点击全屏演示事件里写
$('body').css("overflow", "hidden")
//点击关闭全屏演示事件里写
$('body').css("overflow", "auto")

禁用form表单的回车提交事件

<form name="form1" action="action/soft_add_action.php" 
enctype="multipart/form-data" method="post" 
onkeydown="if(event.keyCode==13)return false;" 
onSubmit="return checkSubmit();">
//加上onkeydown="if(event.keyCode==13)return false;" 就ok了

# 纯CSS实现文字超过n行后省略

  overflow: hidden;
  text-overflow: ellipsis;
  display:-webkit-box;
  display:box;
  -webkit-line-clamp: 2; 
  -webkit-box-orient: vertical;

开启GPU硬件加速模式,让浏览器在渲染动画时从CPU转向GPU

为动画DOM元素添加CSS3样式-webkit-transform:transition3d(0,0,0)或-webkit-transform:translateZ(0);

写一个评分组件

let rate = 2
'★★★★★☆☆☆☆☆'.slice(5 - rate, 10 - rate)

利用解构赋值快速交换数值

let a = 1
let b = 2
[b, a] = [a, b]

十进制指数

1e0 === 1;
1e1 === 10;
1e2 === 100;
1e3 === 1000;
1e4 === 10000;
1e5 === 100000;

向下取整（双重非位运算）

Math.floor(4.9) === 4 //true
~~4.9 === 4 //true

将字符串转换为数字类型

var a='2'
a=+a
typeof a //"number"