注意事项指南

[ONE-SUNDAY]

主要整理一些在工作合作过程中出现的注意事项

PM篇

• 缺少分享指引弹窗或缺少活动规则弹窗
  • 偶尔会出现缺少分享或活动规则的弹窗，需要注意。
• 是否需要个性化Loading页
  • 对于一些资源比较多的页面，是否需要一个个性化的Loading页。
• 避免构建阶段字体大小调整
  • 设计阶段就应该对字体的大小进行确认，到重构阶段再修改字体会增加构建成本、影响页面布局。
• 录入文案时，需注意字数限制
  • 避免录入过长的文案导致页面布局错乱。
• 禁止出现诱导分享或强制分享
  • 微信在分享这块做了要求，出现诱导或强制要求用户分享的情况，将被会拉黑处理

设计师篇

• 设计稿根据主流尺寸或标准尺寸设计
  • 最新的设计稿是以iPhone6（750宽）为标准尺寸，但偶尔会出现以iPhone5（640宽）为标准尺寸，设计师要以最新的规范设计，避免返工修改。
• 避免文字描边
  • 对于可配置的描边文字，暂时还没有完美的实现方案。
• 渐变背景的结尾最好过渡到纯色，利于填充

开发篇

• position: sticky
  • 该属性目前只支持iOS6.1以上，是结合了position: relative和position: fixed的特性，不需要通过JS判断是否超过屏幕吸顶，所以开发同学当碰到将所有JS都删了，iOS下导航依旧吸顶的奇怪现象，不要惊慌，是这个属性的锅。

@mixin sticky($dom, $height, $top:0, $zIndex:10) {
    position: relative;
    height: $height;
    z-index: $zIndex;
    &.fixed #{$dom} {
        position: fixed;
        top: $top;
        left: 0;
        right: 0;
        margin: 0 auto;
        max-width: 540px;
        z-index: $zIndex;
    }
    @supports (position: -webkit-sticky) {
        & {
            position: -webkit-sticky;
            top: $top;
            height: auto;
            &.fixed #{$dom} {position: relative;top:0;}
        }
    }
}

• pointer-events: none
  • 该属性可以将元素设置为穿透，点击元素可以点透到它下面的元素，当调试时用Chrome检查元素会发现选不中设了该值的元素，不要惊慌，是这个属性的锅。