前端经常用到的代码(直接复制就能用)

1、文字强制换行,多文本溢出用省略号表示

p{

word-break:break-all;

word-wrap:break-word;

overflow:hidden;

display:-webkit-box;

-webkit-line-orient:vertical;

-webkit-line-clamp:N /*控制显示的行数*/

line-height: X;

max-height: X*N

}


2、获取url的参数对象

function parseUrl(str) {

  str = str === undefined ? "" : String(str).replace(/^\s+|\s+$/, "");

  if (!str) return {};

  str = (str.indexOf("?") !== -1 ? str.split("?")[1] : "").split("#")[0];

  var arr = str.split("&");

  var param = {};

  var part;

  for (var i in arr) {

  if (!arr[i]) continue;

  part = arr[i].split("=");

  param[part[0]] = part[1] === undefined ? "" : part[1];

}

return param;

}


3、将对象拼成url参数

function createURL(url, options/*链接和参数*/) {

  var myURL = "";

  for (var i in options) {

  var link = i + '=' + options[i]+'&'

   myURL += link

}

myURL = url + (url.indexOf('?') > -1 ? "&" : "?") + myURL.substr(0,myURL.length-1);

return myURL

}

4、0.5像素的底部边框的实现方法

.border_bottoms_all{

position:relative

}

.border_bottoms_all:after{

    width:100%;

    height:1px;

    background:#e5e5e5;/*自己填颜色*/

    content:"";

    position:absolute;

    bottom:0;

    left:0;

    transform: scaleY(.5);

    -webkit-transform: scaleY(0.5);

}


你可能感兴趣的:(前端经常用到的代码(直接复制就能用))