Angular使用中的编码tips(持续更)

来源:互联网 发布:淘宝大促活动 编辑:程序博客网 时间:2024/06/07 05:36

时间总是匆匆如流水,世事总是无情似狂风。
且随疾风而行,身后一许流星

    使用Angular2也已经一年多了,项目一期接近尾声,刚刚毕业就进了这种一千多万的项目也算幸运的,成长很快。把坑都暂且记下来,也算走过的路。

那些踩过的坑

  1. 国际化要提前做,贯穿整个开发过程
  2. 图标,图片,规范化,使用统一的方式使用,无论是雪碧图还是字体化(有很多把图片转化为字体的网站,比如国外的icomoon,阿里的iconfont
  3. component,module要有良好的规划,对组件的拆分和定义要明确,并贯穿整个开发过程
  4. component是组件,用于复用的,尽量与业务无关,业务写到service里,module是component和service的集合。
  5. 尽量做到组件的单元化,高复用,尽量写公共的组件供大家使用。
  6. 提前考虑换肤,样式的使用统一化,写公共的样式类供大家使用
  7. 语法使用尽量严格,否则在tslint升级的过程中会有被更加严格的检查,会导致aot出现问题(因为aot语法检测相对于run要更严格)
  8. 尽管函数式编程会减少代码量,但是可读性变差也会导致后来人多花费时间,除非你写非常好的注释,特别是项目较大,开发人员水平参差不齐的情况下。
  9. 尽量避免事件订阅的发生,避免性能的消耗和逻辑的复杂,代码可读性变得很差。
  10. 尽量避免jQuery,和原生js来直接操作dom节点。
  11. 连接尽量使用先对的,便于在http和https直接切换。使用//:www.baidu.com这种写法貌似最安全。
  12. 项目依赖的包,在安装的时候一定更新package文件,即加--save参数来安装
  13. 有一个接口管理工具是必要的,最好有模拟返回数据,测试接口,管理接口的功能,远比前端自己mock强得多,因为要有一个中间人来确认接口的准确性。
  14. 路由使用懒加载机制,每个模块下定义路由,多层路由懒加载。
  15. 项目初期约定统一的编码规范,注释规范
  16. 写一个log的公共类会让我们的控制台的log没有那么混乱。
原创粉丝点击