【原创】前端开发过程中遇到的问题及解决方法

Posted on

前言

记录一下工作中遇到的问题，并附上解决方案

1、ios中去除button的默认样式,也可以去掉input的双边框
解决办法：

1
2
3
4
input[type=button]{
	-webkit-appearance:none;
	outline:none
}

2、safari中input[type=”text”]不能输入
解决办法：

1
2
3
*:not(input) {
  -webkit-user-select: none;
}

3、多行文本超出隐藏
解决办法：

1
2
3
4
5
6
7
8
.parent{  
   overflow:hidden; //超出的文本隐藏
   text-overflow:ellipsis; //溢出用省略号显示
   white-space:nowrap; //溢出不换行
   display:-webkit-box; //将对象作为弹性伸缩盒子模型显示。
   -webkit-box-orient:vertical; //从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）
   -webkit-line-clamp:2; //这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。
}

4、form表单中的button如果是submit类型，会与回车事件冲突
5、获取url参数

1
2
3
4
5
function GetQueryString(name){
    var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
    var r = window.location.search.substr(1).match(reg);
    if(r!=null)return  unescape(r[2]); return null;
};