前端开发时注意点

1. 项目运行报错，先考虑依赖包版本问题
2. 跨端开发要注意测试安卓和IOS两个机型
3. 代码删除，要删干净。看看上下游
4. 入职新公司，记得看commit规范 再提交代码
5. 开发时，流程卡住。重头再跑一遍。可能是中间环节有问题
6. 万能重启电脑&&手机方式
7. 业务异常问题，考虑版本、操作系统
8. 查问题时，记得事件监听的逻辑
9. 数据支撑，数据指标是王道
10. 本地调试线上环境，可以使用Charles代理 线上js文件。但要记得防止线上文件走缓存，代理不到问题。
11. 公司的服务，启动不了。可能是node版本问题，可以看下部署平台用的什么版本，修改下。
12. 线上报错，语法错误。考虑字段为空or无or格式错误
13. 修改别人逻辑时，最好和当事人确认下。有些逻辑不清楚，可能导致改出问题。eg：去哪网监控render里渲染问题
14. 发请求时，注意GET请求 容易超长，发送失败
15. 偶现请求失败情况，考虑参数格式、参数过长、nginx转发问题、node拦截问题、后端问题
16. 数据更新后，回到顶部。考虑高度不够了，撑不起滚动条。给默认高度or数据解决
17. 图片相关内容考虑后端无解决or请求失败，给出兜底方案
18. 此网站无法提供安全连接（网站登录不上），可以换成http试试
19. render 里的数据计算尽量是变化的，获取不变的值尽量放在Didmound中
20. 避免跨组件、跨函数直接操作对象 切记切记
21. 组件中用到的数据 redux下返回即可。不需要全部返回
    export default connect(
    (state) => {
    const {
    discountMap: { coupons = {} },
    giftsList
    } = state.discountInfo;
    return {
    preferTip: coupons.preferTip,
    list: coupons.list,
    roomCount: state.personalInfo.roomCount,
    showGutter: !!giftsList.length
    };
    },
    {
    setDiscountModalInfo
    }
    )(memo(Coupon, (prevProps, nextProps) => {
    // if (JSON.stringify(prevProps) === JSON.stringify(nextProps)) return true;
    return false;
    }));
22. npm 一个文件组件，没有用到最新的。可以which 组件名，找到使用的组件路径，cd进去 删除掉。再which组件名称 看看使用的是哪一个。如果已经install成功，那大概率会是最新的了。
23. 项目跑不起来，先考虑更换node版本（环境问题）
24. 某个客户接口异常，考虑缓存！！！
25. 资源未更新，考虑转发机器问题
26. 安卓机可以右滑退出，记得考虑这种case
27. 请求路径中 没有带.html 文件后缀，说明是请求了后端接口，不是静态资源
28. 需求考虑：
    a. 版本问题
    b. 有问题是否可最快恢复：考虑配置开关、AB实验
    c. 发布怎么保证没问题：考虑监控
    d. 端上开发：考虑IOS、Adr兼容性
    e. 样式适配度
29. 某个模块不展示，考虑配置问题
30. 需求评审时，产品说的逻辑 可能不是全部，需要看代码 找到隐藏逻辑再做评估
31. 代码可以直接写完，一起调试，看效果。这样效率会高
32. 公司内部框架 协作项目，功能不支持，可以考虑修改源码

习惯
33. 业务遍历，尽量加上唯一id。方便作为索引 扩展后续逻辑
34. 建议数据处理单独开文件夹，增加代码可读性