编程 Javascript

angularjs1.X 重构controller 的方法小结

Posted in Javascript onAugust 15, 2019

本篇是内部培训交流会的摘要总结。

培训PPT和示例代码已托管至我的github仓库：

https://github.com/dashnowords/blogs/tree/master/Demo/rebuild-angularjs-controller

一. 结构拆分

小型项目

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

angularjs1.X 重构controller 的方法小结

中型项目

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

angularjs1.X 重构controller 的方法小结

大型项目

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

angularjs1.X 重构controller 的方法小结

二.基本代码优化

1.业务逻辑代码

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

2.数据加工代码

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

3.DOM操作

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

总结

以上所述是小编给大家介绍的angularjs1.X 重构controller 的方法小结,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！

angularjs1.X 重构controller 的方法小结

- Author -

大史不说话

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

滚动条变色隐藏滚动条与双击网页自动滚屏显示代码

Dec 28 Javascript

到处都是jQuery选择器的年代不了解它们的性能，行吗

Jun 18 Javascript

原生JavaScript编写俄罗斯方块

Mar 30 Javascript

JavaScript实现的圆形浮动标签云效果实例

Aug 06 Javascript

json2.js 入门教程之使用方法与实例分析

Sep 14 Javascript

JavaScript中的E-mail 地址格式验证

Mar 28 Javascript

关于Angularjs中跨域设置白名单问题

Apr 17 Javascript

原生javascript AJAX 三级联动的实现代码

May 04 Javascript

在vue中使用setInterval的方法示例

Apr 16 Javascript

vue 解决异步数据更新问题

Oct 29 Javascript

javascript设计模式 ? 代理模式原理与用法实例分析

Apr 16 Javascript

JS删除对象中某一属性案例详解

Sep 08 Javascript

浅析Vue中拆分视图层代码的5点建议

Aug 15 #Javascript

vue的keep-alive用法技巧

Aug 15 #Javascript

Vue开发环境中修改端口号的实现方法

Aug 15 #Javascript

Vue触发隐藏input file的方法实例详解

Aug 14 #Javascript

如何使用50行javaScript代码实现简单版的call,apply,bind

Aug 14 #Javascript

微信小程序之数据绑定原理解析

Aug 14 #Javascript

微信公众号平台接口开发菜单管理的实现

Aug 14 #Javascript

You might like

DIY一个适配电脑声卡的动圈话筒放大器

2021/03/02 无线电

php下连接ftp实现文件的上传、下载、删除文件实例代码

2010/06/03 PHP

php数组操作之键名比较与差集、交集赋值的方法

2014/11/10 PHP

PHP请求远程地址设置超时时间的解决方法

2016/10/29 PHP

PHP中SQL查询语句的id=%d解释(推荐)

2016/12/10 PHP

PHP pthreads v3下的Volatile简介与使用方法示例

2020/02/21 PHP

splice slice区别

2006/10/09 Javascript

jQuery autocomplate 自扩展插件、自动完成示例代码

2011/03/28 Javascript

Javascript对象属性方法汇总

2013/11/21 Javascript

jquery.form.js用法之清空form的方法

2014/03/07 Javascript

javascript中call apply 与 bind方法详解

2016/03/10 Javascript

AngularJS入门教程之过滤器详解

2016/08/19 Javascript

使用JS读取XML文件的方法

2016/11/25 Javascript

js实现简易聊天对话框

2017/08/17 Javascript

JS实现快速比较两个字符串中包含有相同数字的方法

2017/09/11 Javascript

Vue.js简易安装和快速入门（第二课）

2017/10/17 Javascript

Angular 数据请求的实现方法

2018/05/07 Javascript

JS实现仿微信支付弹窗功能

2018/06/25 Javascript

新版小程序登录授权的方法

2018/12/12 Javascript

微信小程序前端promise封装代码实例

2019/08/24 Javascript

vue3.0实现插件封装

2020/12/14 Vue.js

Python中使用摄像头实现简单的延时摄影技术

2015/03/27 Python

Python3学习urllib的使用方法示例

2017/11/29 Python

教你使用python实现微信每天给女朋友说晚安

2018/03/23 Python

python仿抖音表白神器

2019/04/08 Python

举例讲解Python装饰器

2020/12/24 Python

css3 box-sizing属性使用参考指南

2013/01/08 HTML / CSS

Ann Taylor官方网站：美国最大的女性产品制造商之一

2016/09/14 全球购物

实习求职信

2013/12/01 职场文书

农民入党思想汇报

2014/01/03 职场文书

2014老师三严三实对照检查材料思想汇报

2014/09/18 职场文书

2015年全国科普日活动总结

2015/03/23 职场文书

经营场所使用证明

2015/06/19 职场文书

2016年推广普通话宣传周活动总结

2016/04/06 职场文书

redis 查看所有的key方式

2021/05/07 Redis

用python批量解压带密码的压缩包

2021/05/31 Python