知识碎片总结

1、文字强制在同一行（这次使用在flex布局，文字过长强制显示）

p{
    text-overflow:ellipsis;
    white-space:nowrap;
}

2、页面刷新

location.reload()

3、weui提示消息

weui.alert("提交失败！")

4、flex:1 会出现不能够等分的情况

CSS flex布局不等分的处理方法_weixin_34014277的博客-CSDN博客

#q>div{
    width: 0;
    flex-grow: 1;
    }

5、ajax请求转化提交形式（formdata）

transformRequest: [function (data) {
                            let ret = ''
                            for (let it in data) {
                                ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&'
                            }
                            return ret
                        }],
                        headers: {
                            'Content-Type': 'application/x-www-form-urlencoded'
                        },

6、获取页面跳转时直接携带的参数

 getId() {
           var url = location.search; //获取url中"?"符后的字串
           var theRequest = new Object();
           if (url.indexOf("?") != -1) {
               var str = url.substr(1);
               strs = str.split("&");
               for (var i = 0; i < strs.length; i++) {
                   theRequest[strs[i].split("=")[0]] = decodeURIComponent(strs[i].split("=")[1]);
               }
           }
      return theRequest;
}

7、|   的写法

XXXXX::after {
    content: "";
    left: 0;
    top: 0;
    height: 22px;
    border-left: 1px solid #ccc;
    /* margin-left: 6px; */
}

8、酷似邮票分割线

.bottom_top{
    position:absolute;
    bottom: 40px;
    border-top: 2px solid transparent;
    background: linear-gradient(white, white) padding-box, repeating-linear-gradient(-45deg, red 0, red 12.5%, transparent 0, transparent 25%, #58a 0, blue 37.5%, transparent 0, transparent 50%) 0/4em 4em;
    color: black;
    font-size: 12px;
}



//原来的
/* .uu {
    width: 100%;
    height: 0px;
    border: 1px solid transparent;
    background: linear-gradient(white, white) padding-box, repeating-linear-gradient(-45deg, red 0, red 12.5%, transparent 0, transparent 25%, #58a 0, #58a 37.5%, transparent 0, transparent 50%) 0/4em 4em;
} */