angular.js 企业级 系统开发实践——流水账小结
发布在开发流水账2016年1月7日view:1161AngularjsMVVM
在文章任何区域双击击即可给文章添加【评注】!浮到评注点上可以查看详情。

关于作者

  var ihubo = {
    nickName  : "jerry.wu",
    site : "暂无"
  }

时间点:

2015年7月换组,接触angular.js的系统开发

收获:

已经可以使用angular.js框架 轻松架构和重新开发任何一套常见管理系统后台,且配合配合前台输出数据渲染,能熟练用angular.js框架和使用Jquery框架 一样 来解决日常95%的需求业务,呵呵!


开发经历:

(1)准备工作:

(2)系统架构:

  • 2.1 后台管理页面:

    • angular.js (后台路由,UI和交互)
    • jquery (组件开发)
    • seajs (配合lazyload 做NG框架的控制器模块化来按需加载)
  • 2.2 前台显示页面:

    • jquery (页面是显示业务,考虑内嵌多个宿主环境和开发效率问题,用了jquery )

(3)系统优势

  • 3.1 后台迭代业务需求非常快,新手易入门

  • 3.2 快速高效迎合业务,开发定制化组件

    (重构前端开发工程师 来做组件,懂 jquery即可)

  • 3.3 处理常规业务,产品化日常组件

    (前端开发工程师做组件产品化,懂 angular.js +jquery即可)

(4)开发中的一些坑

  • 4.1 理解和处理接口返回数据

    (注意双向数据绑定的坑)

  • 4.2 明白控制器里的依赖注入模块的用途

  • 4.3 理解业务里的指令调用

    (业务封装的指令,不一定能满足后面需求的所有需求,这里也是一个难点,由于需求很赶,后面的大多都避开指令使用,直接使用了自己的声明UI和作用域业务来配合完成需求,这里其实是需要寻找平衡点的,指令包含所有的业务情况这也是不现实的,高度封装那只是好的规划和理想,在这里是否可以需找其他的方法来解决:譬如:封装一个支持—-自定义UI和自定义行为,自定义数据等指令业务 ,欢迎和其他大神一起来讨论);

  • 4.4 调试:多console.log(scope) + console.log(rootScope) (在我是新手的时候,我就是这样调试的)

(5)其他拔高

还是要读书,去深入理解angrlar.js 5大特性的实现。(读源码,待续)

评论
发表评论
暂无评论
WRITTEN BY
Jerry
明道-Jerry-Weibo
TA的新浪微博
PUBLISHED IN
开发流水账

记录自己开发中的一些坑,解决问题和一些开发心得!

我的收藏