2020-08-14

【跨域】ajax请求方式application/json，后端接受不到。改成application/x-www-form-urlencoded格式就能接受到？

POST的json格式请求数据复杂请求，在post之前会发送一个Options请求。参考：跨域资源共享 CORS 详解.
可能是后端的options请求没支持跨域

2020-08-20

[兼容] flex和absolute同时使用，导致部分机型弹窗错位问题

absolute定位的元素会脱离flex布局。如果absolute元素不加left和top会导致定位脱离掌控，变的诡异。

2020-08-24

[兼容] 打包自动加上 -webkit-mask-image: -webkit-radial-gradient(white, black) 导致android 5.1以下的border-radius不生效。

打包工具为什么会自动带上-webkit-mask-image: -webkit-radial-gradient(white, black)？
父元素使用border-radius和overflow:hidden做成圆形，子元素如果使用了transform属性，则父元素的overflow:hidden会失效。
解决方法：-webkit-mask-image: none

2020-09-03

[兼容] 渐变字体在子元素加了inline-block后，inline-block部分颜色显示不了。

原因暂时未知？

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<div class="num">
  <span id="home-data-company">
    <span>
      16000
    </span>
  </span>
  家
</div>

.num {
    background: -webkit-linear-gradient(328deg, #1a87fd -4%, #29ebf0 94%);
    background: -o-linear-gradient(328deg, #1a87fd -4%, #29ebf0 94%);
    background: linear-gradient(122deg, #1a87fd -4%, #29ebf0 94%);
    -webkit-background-clip: text;
    color: transparent;
    font-family: helvetica Neue;
    font-weight: 700;
}
.num span {
    font-size: 52px;
    line-height: 73px;
    display: inline-block; // 为了缩短span和文字“家”的距离，加了这个样式
}

2020-09-07

[js] 连等问题

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function createData(deep, breadth) {
    var data = {};
    var temp = data;

    for (var i = 0; i < deep; i++) {
        temp = temp['data'] = {}; // 就是这里
        for (var j = 0; j < breadth; j++) {
            temp[j] = j;
        }
    }

    return data;
}

createData(1, 3); // 1层深度，每层有3个数据 {data: {0: 0, 1: 1, 2: 2}}
createData(3, 0); // 3层深度，每层有0个数据 {data: {data: {data: {}}}}

参考

[js] 为什么for in 内还要使用 hasOwnProperty ?

for in 会遍历对象原型链上的属性。某些库会在Object.prototype.name = 'lib name';。 所以使用hasOwnProperty过滤原型链上的属性。

参考

[缓存] 同一个分享到微信群中消息，安卓点击出现的页面是自己的助力信息。ios正常。

链接相同，少量参数不同时。微信会自动缓存打开频率高的页面。

参考: https://www.it610.com/article/1297745677081714688.html

[打包] webpack打包时会将-webkit-box-orient: vertical删掉

-webkit-box-orient: vertical 这个属性被 optimize-css-assets-webpack-plugin插件在编译时删除掉了

1
2
3
/* autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */