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

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

//点击全屏演示事件里写$('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 = 1let 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=+atypeof a //"number"

ios嵌入h5页面，禁止用户手动缩放页面

    <meta name="viewport"   content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">

控制input文本框只能输入数字

不带小数点的

<input type="text" onkeyup="value=value.replace(/[^\d]/g,'')" >

带小数点的

<input type="text" onkeyup="value=value.replace(/[^\d\.]/g,'')" >

作者：李佳明同学
链接：https://www.jianshu.com/p/04e252f25ac2