【原创】工作中遇到的问题及解决方法

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

input[type=button]{
    -webkit-appearance:none;
    outline:none
}

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

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

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

.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参数

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;
};

你可能感兴趣的:(【原创】工作中遇到的问题及解决方法)