[angular]AngularJS 在实际应用中有哪些优缺点？_angular-牛bb文章网
[angular]AngularJS 在实际应用中有哪些优缺点？_angular
[angular]AngularJS 在实际应用中有哪些优缺点？我们在实际应用中总会出现这样或那样的现实场景，当然，大家在运用AngularJS的过程中也会碰到这样那样的问题。说说你在应用AngularJS过程中的感受下面就看看www.niubb.net小编为您搜集整理的参考答案吧。网友徐海峰对[angular]AngularJS 在实际应用中有哪些优缺点？给出的答复：谢谢邀请！背景：我们是今年做 Worktile的时候使用Angular.js的，当时技术选型的时候是准备使用 Backbone.js的，毕竟有很多大公司在使用它，但是实际使用中发现，Backbone太费劲（具体的详细比较我就不说了），偶然发现了Angular.js，顿时被他的模板语言所吸引。优点：1. 模板功能强大丰富，并且是声明式的，自带了丰富的Angular指令；2. 是一个比较完善的前端MV*框架，包含模板，数据双向绑定，路由，模块化，服务，过滤器，依赖注入等所有功能；3. 自定义Directive，比jQuery插件还灵活，但是需要深入了解Directive的一些特性，简单的封装容易，复杂一点官方没有提供详细的介绍文档，我们可以通过阅读源代码来找到某些我们需要的东西，如：在directive使用 $parse；4. ng模块化比较大胆的引入了Java的一些东西（依赖注入），能够很容易的写出可复用的代码，对于敏捷开发的团队来说非常有帮助，我们的项目从上线到目前，UI变化很大，在摸索中迭代产品，但是js的代码基本上很少改动。5. 补充：Angular支持单元测试和e2e-testing。缺点：1. 验证功能错误信息显示比较薄弱，需要写很多模板标签，没有jQuery Validate方便，所以我们自己封装了验证的错误信息提示，详细参考 why520crazy/w5c-validator-angular ? GitHub；2. ngView只能有一个，不能嵌套多个视图，虽然有 angular-ui/ui-router ? GitHub解决，但是貌似ui-router 对于URL的控制不是很灵活，必须是嵌套式的（也许我没有深入了解或者新版本有改进）；3. 对于特别复杂的应用场景，貌似性能有点问题，特别是在Windows下使用chrome浏览器，不知道是内存泄漏了还是什么其他问题，没有找到好的解决方案，奇怪的是在IE10下反而很快，对此还在观察中；4. 这次从1.0.X升级到1.2.X，貌似有比较大的调整，没有完美兼容低版本，升级之后可能会导致一个兼容性的BUG，具体详细信息参考官方文档 AngularJS，对应的中文版本：Angular 1.0到1.2 迁移指南5. ng提倡在控制器里面不要有操作DOM的代码，对于一些jQuery 插件的使用，如果想不破坏代码的整洁性，需要写一些directive去封装插件，但是现在有很多插件的版本已经支持Angular了，如：jQuery File Upload Demo6. Angular 太笨重了，没有让用户选择一个轻量级的版本，当然1.2.X后，Angular也在做一些更改，比如把route，animate等模块独立出去，让用户自己去选择。当然使用的人多才会暴露更多的问题，一起为这些问题寻找解决方案是一个社区的良性趋势，选择Angular，的确使我们的开发效率大大提高。网友破狼对[angular]AngularJS 在实际应用中有哪些优缺点？给出的答复：angular是个比较好的框架，说缺点的话。不适合类型开发：1：内容网站，需要SEO的。(SEO目前也有了prerender解决方案) https//prerender.io2：交互频繁的，如游戏之类交互体验网站。3，太过于简单的页面。Angular更适合于CRUD的管理系统开发。网友假装在编程对[angular]AngularJS 在实际应用中有哪些优缺点？给出的答复：knockout看着你。。。网友蒙面大侠对[angular]AngularJS 在实际应用中有哪些优缺点？给出的答复：与传统JQ思维方式不同，会出现很多理解上面的冲突。谈一个我遇到过的坑。当用户操作某个input，改变了某个值，这个值需要在另一个地方显示，所以在angular绑定中，改变input的同时，另一个地方的显示也会跟着变。那么问题来了，当我不需要另一个地方的显示跟着变，而是需要用户点击某个buttom之后再变，那我就需要两个变量来存储这个值。事实上这只是同一个值，只是我不需要立马显示在页面上罢了。正常思维中，这个值只是一个值，我什么时候需要显示，是JS的事情，所以我只需要一个变量来存。在Angular中，由于我要延迟显示，我需要一个变量来做缓存，等到需要显示的时候再去显示。页面绑定非常厉害，厉害到需求发生变化的时候，你会发现各个数据全都是绑定着的，牵一发动全身，然后就要进行解绑、绑定新数据、解绑后是否会引起其他地方的bug等诸多问题。如果与backbone进行比较，页面渲染时的数据交给模板插件，页面渲染结束后的与用户进行交互方面的逻辑交给JS，我可以在不改变model的情况下改变页面上的内容，更灵活。当然在很多人眼里，这些只是小瑕疵，无法掩盖它的优势。成也绑定，败也绑定。Angular的优势，很多方面backbone也有，如模块化、MVC分离、SPA(single page application)，在交互方面，backbone更加灵活。当然在我眼里，拼了命地绑定绑定，让我觉得HTML和JS的耦合性太高，写起代码来很累。网友周密对[angular]AngularJS 在实际应用中有哪些优缺点？给出的答复：我在用 AngularJS 逐步改写一个 Adobe AIR 项目，原项目采用 HTML + JavaScript 编写。最大的好处就在于双向绑定，非常适合于 GUI 客户端项目的开发。其他的特性，比如模板、指令对于界面的渲染逻辑也能起到简化作用。总结：最根本的改善就在于 MVC的引入，适合于交互较多的客户端项目。网友彭晓对[angular]AngularJS 在实际应用中有哪些优缺点？给出的答复：这个一定要怒答一记关于优点：绑定，绑定，还是绑定（刚爽完了不回答一下感觉心里都不舒服有没有）恩，实例说话刚才，几分钟前，有一个基础的model要改。具体如下"profile" : {"name": "","email": "","street" : "","city" : "","state" : "","zip" : ""}=&&&&"profile" : {"name": "","email": ""},"address" : {"street" : "","city" : "","state" : "","zip" : ""}网友杨帆对[angular]AngularJS 在实际应用中有哪些优缺点？给出的答复：开发学习类的网站，考试一类的应用需要和用户进行大量交互，里面的ng-show ng-class等api可以将脚本植入html中。用数据来驱动表现。网友王力澜对[angular]AngularJS 在实际应用中有哪些优缺点？给出的答复：很多喜欢尝鲜并不能掌握angularjs的人和依靠生态系统盈利的人在使用这个框架.网友王辉军对[angular]AngularJS 在实际应用中有哪些优缺点？给出的答复：除了 Angular 标榜的声明式、双向绑定、指令等特性外，体会最深的是 Angular 能够将关注点分离的非常彻底。服务层（Ajax 请求）- 业务层（Controller）- 展现层（HTML 模板）- 交互层（animation）。在最近的项目中，为了增加交互效果，通过 animation 服务完全将交互动画的逻辑独立了出来，而业务逻辑里完全没有交互逻辑，分离的非常彻底。拿掉 anmation 一层，应用完全没有影响，只是少了各种动画。而展现层的改动，也不需要修改 controller，只需要修改模板，根据实际需求，还可以进一步分割，对于项目的生产效率有很大提高。说到缺点，目前觉得：1.开发人员思想的转变，jQuery 的思想太根深蒂固了，很多时候两者混合会让人精神分裂。。要深刻理解 Angular 的思路，抛弃 jQuery 的影响，需要较长时间的转变；2.学习曲线陡峭，在没有接受这种思路时，会觉得处处是坑，尤其是作用域的嵌套，是较难理解和容易出 bug 的地方，还有自定义指令，也容易引起 $scope 的问题，完全掌握之后，才能体会到好处；3.常说的性能问题，但这一点通常只是基于脏检查的方法，自己没做过不同框架的具体性能对比，只是觉得还是要考虑具体的应用场景；4.单页应用有很多需要视图嵌套，官方的 router，需要使用 ui-router。网友方愚对[angular]AngularJS 在实际应用中有哪些优缺点？给出的答复：请谨慎用来开发移动端的Webapp，太大，性能差，破坏很多优化规则。
开发hybrid 应用神器。
好的框架是能让一般程序员写出可以跑起来的代码，AngularJS是个好框架。网友蒙面大侠对[angular]AngularJS 在实际应用中有哪些优缺点？给出的答复：angularjs是否有应用在电商类平台开发较为成功的案例？网友李城进对[angular]AngularJS 在实际应用中有哪些优缺点？给出的答复：实际的在项目中使用了，在某些地方确实能提高效率，但是在一些修改dom元素的地方又感觉不太直接，用jquery 就能很简单解决的地方在angular中就感觉实现着很别扭。框架太重了！目前来看不建议在手机端使用，真的，在ios还行，但是在配置低的android上效果不好。 很多为了提升用户体验的优化用不上了。。。。感觉还是不太成熟。。还需要成长国内目前的资料有限，需要翻墙去看，发现就算是关外在使用angular的那些网站也是很谨慎的在使用，mvvm确实会节省一些时间，但是写一些很复杂的功能时，考虑的东西会很多，写着写着就会感觉乱，不知道数据是在哪个位置出现了错误，写到后来发现跟以前使用的方法相比并没太大的时间差距，目前在ie7上还不清楚如何去兼容网友Yi Zhang对[angular]AngularJS 在实际应用中有哪些优缺点？给出的答复：觉得不错网友付轶对[angular]AngularJS 在实际应用中有哪些优缺点？给出的答复：还在学习中网友蒙面大侠对[angular]AngularJS 在实际应用中有哪些优缺点？给出的答复：相比其他前端mvc框架， angualr的优点是绑定， 而且绑定的语法很简单， 简单到你不用写js代码缺点是绑定， 一不小心， 绑太多了，能卡死的页面半天出不来 O(∩_∩)O哈哈~适合对体验要求不高， 要降成本的管理台应用， 其他的算了吧 分享： >
“angular”相关文章推荐：20个有用的Angular.js工具
招聘信息：
原文：，参与译者：, , , , 喜欢Angular.js？我们为开发者编写了一份最佳angular.js工具和资源清单，这可让使用 angular 开发应用程序变得高效。对于大多数想要设计动态Web应用的开发者而言，Angular.js 成为了一个可以选择的框架。angularjs 开发者如果想开始一个 AngularJS 工程，为了采取成熟的方式开发网页，他们或许需要很多工具。为了减轻使用AngularJS开发Web应用的负担，这里列出了几个出色的工具，包括测试、前端开发、编辑、函数库、扩展、模块、代码生成器、网格工具。Angular.js开发最佳IDEAngular.js 需要的大部分集成开发环境（IDE）和轻量级的编辑器列在了下面。Webstorm是一个出色的代码编辑器，它完全理解工程，可以为任何类型的网站提供高质量的代码。它支持所有最流行最新的网站开发技术。使用这个工具开发网站，可以很好地集成单点或流程。Aptana 是一具集成开发环境，可以帮助你优雅地创建网站应用。使用它做为 AngularJS 的集成开发工具，你需要在 Eclipse 商店激活 AngularJS Eclipse 扩展。对 AngularJS Web 开发者来说，方便的文本编辑工具是 Sublime。它帮助程序员使用快捷方式或几个按键实现编码。它具有很强的适应性，可以定制任何类型的编程环境。它也可以按照你的意愿分块编辑。它还可以轻松地在项目之间切换，所有的修改都将自动保存在各自的项目中。Angular.js 的专用测试工具测试是开发的重要组成部分，无论对于使用 Angular.js 还是任何其他软件都是如此。下面的工具可以帮助你简化采用 Angular.js 开发的应用程序的测试。这些工具都是在线 JavaScript 测试工具的好伴侣。Protractor 是一个端到端的测试框架，贯穿于 AngularJS，是一个完全自动化的测试工具。它可以运行在真实的浏览器中测试你的应用程序。它使用了 WebDriver，Mocha, jasmine, Node.js, selenium 和cucumber 等都使用的伟大的技术。当所有的待处理网页任务完成时，它会自动使用AngularJS的应用进行通信。所以，你在测试时不需要使用等待或睡眠命令。Jasmine 是一个行为驱动开发框架，专为 Javascript 用户创建。它提供了基本的测试框架，并且可以持续维护。所有测试都可以使用一个 all-in-one 的包完成，这是 Jasmine 的主要特点，高效测试你的应用。这个框架的一个缺点是它不能感知运行平台（浏览器）。如果配合Karma使用这个问题很容易避免。Karma 可以做为测试运行者配合 Jasmine 使用。它是一个测试框架帮且你高效地测试应用。它是一个绝对意义上的前端开发工具帮助你创建和测试网站应用。你可以实时写代码，根据建议修改代码，以同样的格式保存代码。通过这个工具修改后的代码会自动布署到运行中的应用。最好的 Angular.js 函数库下面是一些有用的库，它们可以增强 angular.js 框架的能力，对开发者有所帮助。没有必要从头构建那些可能已经成为开放源码的函数库。对于所有 HTML，CSS 和 JavaScript 的前端开发者，CodePen 是一款完美的编辑工具。这个工具可以最大限度地减少对网站的创建、测试和完善的繁琐的网页开发工作。它是一个协作的在线编程环境。Web开发人员可以清晰地跨平台实时查看。它有一个浏览器中的代码编辑器，可以自动地迅速地上传多个文件。这个功能可协助 Web 开发人员在几秒的时间内创建一个新的代码。使用 Angular Fire，可以轻松地帮助你开发 AngularJS 的应用后台。AngularJS 绑定的 Firebase 已经正式被 Angular Fire 支持。Firebase 是一个基于云计算的平台，可以很容易地集成实时应用和快速创建后台。当 Firebase 和 Angular Fire 组合在一起，它们有助于以更快的速度同步数据和提供良好的用户管理服务。它还提供了一个三向的数据绑定、用户身份验证和静态托管。AngularJS 以高效率创建单页面应用而出名. 创建这些单页面应用时候，我们需要一个灵活的路由，这个优秀的 AngularJS 框架是构建一个全面的 UI 组件俗称 ui-router。 它能根据应用程序的状态提供一个简单的导航和改变视图,而不仅仅是基于 URL。AngularUI 还包含非常多的 UI 组件，这些组件是使用原生指令像 ui—maps,ui-calendar，ui-Bootstrap 创建的。这些UI组件和指令可以更快建设 Angular 网站UI Bootstrap 是一个不同寻常的 AngularUI 组件，它能帮助你创建基于智能手机的 web 应用程序，而且用户体验不错。这个 UI 组件提供的 AngularJS 原生指令完全兼容 Twitte Bootstrap。Angular.js 有用的扩展和工具下面是一些 Angular.js 扩展，可以满足一些特殊应用之需。Ng-Inspector 是一个优秀的浏览器插件，支持 Firefox，Chrome 和 Safari,复用它可以创建一个探测控制面板，方便开发，调试 AngularJS 应用，它提供了完整的辅助功能。使用它可以更方便的和你的应用交互，还可以实时更新。它还可以看到全部范围内的层次结构，模型，类型和值。点击你关注的一个范围，它会高亮显示相应的 DOM 结点。你可以使用 AngularJS Batarang 来调试你的 AngularJ S应用，它是一个专为 Chrome 提供的插件。它帮助你改善应用性能。还可能衡量调节性能的进度。AngularJS 独有的一个服务是 Restangular，它可以帮助您轻松应对各种要求，例如获取、发送、删除以及把数据存入数据库。它对于所有从 RESTful API 中大规模存取数据的 AngularJS 应用都很有必要。Generator Angular - 一个有用的工具你可以很容易地开始一个具有合理的默认值和最好的用例的项目。建立这样的 Angular 应用，这款 Yeomen generator 工具是非常有用的。它只需几条终端的命令，便加速了 AngularJS 应用的开发过程。这个工具是非常有用的。这些专用的生成工具将有助于应用了解项目的有关信息，并有助于开发和测试应用程序。Angular Deckgrid 可以为你提供响应度和颜值俱高的应用，可以适配不同的移动终端。轻量级类砖石结构易于创建灵活的表格，高效创建图片展示。Radian 是一个优秀的框架，使用它只需要少量的设置就可以开启 AngularJS 项目。在多人开发项目中它是一个理想的选择。Lumx 以快速简单的方式帮助你创建简单而优雅的应用。 这个可响应式前端框架是基于AngularJS 和Google 材料设计规范。这个工具可嵌入最新的技术，如 Sass 预处理器，AngularJS 和 JQuery，能极大地提高 web 应用的性能。你可以用英语编码，在编码需要被翻译的地方加上注解。Angular Gettext 工具就会自动翻译那些独立的部分。这是 AngularJS 非常简单而强大的翻译支持工具。AngularJS 框架内置 ngDocs 工具可以简化你项目文档和参考手册的相关工作。这款基于 Android 的工具也能提供给所有新手一些容易跟进的教程。无论是简单还是复杂的Web应用，在 AngularJS 框架中很容易创建一个表格，然后通过实用的 ngTables 工具进行高效的管理。ngTable 是 AngularJS 表格指令，支持排序，过滤和分页，在编译步骤中自动生成带有标题和过滤器的标题行。ngTable支持定制过滤选项，表格分组，表格外部数据控制等等功能。总的来说，这些都是创建任意 AngularJS Web 应用的，最有用的工具集合。用好这些工具可以帮助你轻松高效的创建 AngularJS 项目。希望这些对大家有所帮助，如果还有其他软件遗漏，可以在评论中补充：）
微信扫一扫
订阅每日移动开发及APP推广热点资讯公众号：CocoaChina
您还没有登录！请或
点击量11134点击量9353点击量8096点击量6379点击量5600点击量5537点击量5374点击量4930点击量4680
关注微信 每日推荐
扫一扫 浏览移动版
&2015 Chukong Technologies,Inc.
京公网安备89}