angularjs1.X进阶笔记(3)——如何重构controller

网友投稿 666 2022-05-29

【快速下载】:如何重构controller(演示文稿及示例代码).rar

3.AngularJS1.X进阶笔记(3)——如何重构controller一. 结构拆分二.基本代码优化

本篇是培训交流会的摘要总结,培训PPT和示例代码见附件。

一. 结构拆分

angularjs1.X进阶笔记(3)——如何重构controller

小型项目

通过子路由实现拆分分层,父级控制器控制共享模块,提供公共能力,子级分管自己的模块,父子级之间通过消息机制进行通讯。

中型项目

通过组合视图实现模块划分,组合视图共享同一个路由地址,分管不同的模块,组合视图之间需要通过父级控制器(或组合视图的根控制器)来实现通讯。

大型项目

通过视图组件指令,业务模块指令来进行更细粒度的模块拆分,模块通信依然建议通过消息机制来进行。

二.基本代码优化

业务逻辑代码

封装Service,通过依赖注入在Controller中或指令中使用。

数据加工代码

建议使用表达性更强的通用工具库underscore.js或lodash.js提升效率,精简代码。

DOM操作

建议学习和习惯Angular数据驱动的主导思想,通过数据来启用或消除DOM操作,具体的执行需要通过自定义指令进行实现。

附件: 如何重构controller(演示文稿及示例代码).rar 5.02M 下载次数:5次

AngularJS

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:图解并发与并行-分别从CPU和线程的角度理解
下一篇:HashMap 为什么线程不安全
相关文章