与专家交谈 - 成绩单-js教程-PHP中文网

Talk AngularJS with the Experts – The Transcript

与专家交谈 - 成绩单

钥匙要点

>该框架特别有效地用于开发单页应用程序（SPA），尽管对于仅需要简单动态内容的站点可能会被认为是过度杀伤。由于其独特的网络开发方法，Angularjs的学习曲线具有陡峭的学习曲线，但是一旦掌握了它。
> 未来的讨论和资源将集中在更高级的AngularJS实施和集成上，以反映其在Web开发中不断发展的作用。

今天早上与专家交谈，我们与SitePoint Group开发人员Mal Curtis和Brad Barrow聊天。小时出现了很多资源，我将所有这些资源都汇总到下面的列表中，为那些不想筛选成绩单的人。 Angularjs在行动中 Angular-UI UI路由器演示 Web指示南 Mgonto Restangular 学习资源使用指令和数据指示构建应用程序 Angular Yeoman Generator 杂项资源 Angular宣布DART 角飞镖 Mozilla的砖块存储模块网络说明视频 Angular的Google页面 Angular的YouTube频道 Google组如果您因为不知道会议而错过了会议，请确保在此处注册以后的会议通知。下周，我们将与电子邮件Wizardry的Nicole Merlin讨论HTML电子邮件。这是在11月13日星期三的下午12:30开始的，您可以在此处加入会议。对于那些错过谈话并想知道发生了什么的人，您可以在这里阅读完整的成绩单：

[22:05] Angularjs是目前可用的许多JavaScript框架之一。与剩下的不同之处在于，它与您网站的dom/html紧密集成
[22:06] 我是Angularjs拥有的框架中最高的学习曲线之一，主要是因为它以一种非常不同的方式做事。
[22:06] ，但是回报是，一旦您启动并运行，极其强大的

[22:07] 完全正确的Malcurtis，而其他框架则旨在为您的JavaScript提供结构，Angular寻求利用JavaScript的力量使HTML的动力使HTML更具动态性，既具有开创性，又是开创性的，并且是动态的功能强大的
[22:07] 考虑一个按钮，当按下时，该按钮从文本字段中获取一个值，并将其使用为显示警报消息
[22:07] 当前有人在使用Angular？
[22:08] 使用JavaScript/jQuery，您需要编写代码来查找按钮，找到该按钮文本字段并找到消息容器……然后您需要代码来收听所有事件，提取值并插入它们
[22:08] 主要是jQuery对我
[22:08] 所有这些代码都位于文件中，它与标记很遥远，它与
> [22:08] 只是学习它并思考如何改变它Web开发的行业[22:08] 对于大多数网站，您只是添加一些动态内容，Angular不是必需的

[22:09] 如果有人有疑问，现在将是跳入的好时机。 [22:09] Angular是一个很好的框架对于水疗中心，单页应用程序 - 如此完整的客户端应用

[22:09] 为什么仅限于SPA[22:09] 是否有任何服务器端设置？
> [22:09] 我并不是说它是限制的，我只是说它可能是过分的您只需要添加少量互动
[22:10] Randyman5775否和是的
>[22:10] 否，因为这是一个完整的客户端框架

[22:10] 与完整的堆栈应用程序相比，在Spa应用程序上使用Angular是Angular想要拥有路由 [22:10] 是的，如果您想要数据 - 您必须从某个地方获得
[22:10] ，但您也可以考虑使用“备份为服务”，例如parse，firebase或（yup），我要这么说）azure
[22:11] 在您通过电线上与数据进行交互的地方，完全在他们的服务中[22:11] Angular与JQuery UI小部件合作吗？
[22:11] Angular想要查看浏览器的URL并决定要渲染的页面，因此，如果您在Ruby On Rails之类的内部使用它，则两个框架将争夺该页面路由结构的使用

[22:11] @miked您会发现经常会发现jQuery and Angular不起作用他们以非常不同的方式工作 [22:11]然后。[22:11] ，但是您还会找到为您解决问题的人[22:12] @nanda Angular网络框架
[22:12] 和电子游戏呢？您是否知道Angularjs团队中的任何人都有任何想法，即打开AngularJS作为游戏开发框架，以轻松使用HTML5视频游戏？ [22:12] 替代流行的小部件（例如Tabs等）的替代方案。 22:12] @miked说，http://angular-ui.github.io/是一个很棒的项目在角度上推动边界。他们以真正的角度方式实施了许多流行的UI工具。
[22:12] @good，游戏开发是另一个世界，而不是问题Angular试图解决
>
[22:12] 好吧，谢谢

[22:13] 您可以很乐意与Angular

[22:13] @nanda我在Rails Projects上使用了两个Ruby中的Angularjs，这是可能的，但是有时候开销不值得。：13] 但是，实际的游戏本身需要使用适当的游戏库> [22:13] 您对与角度测试有何看法模拟
[22:13] 我有一些自定义指令，这些指令相当复杂
[22:13] 您可以使用AngularJS并减少ETAS，为水疗开发收取多少费用？[22:13] 您最喜欢用Angular构建的网站/示例是什么？：13] @good一根字符串多长时间？在其他服务器端框架中？
[22:14] 这是一种常见的体验（它们在重新启动后起作用）
[22:14] @good Alex Smith写了一篇整洁的角度文章，教您如何创建裸露和交叉游戏。这不是一个复杂的游戏，但它展示了Angular的某些能力https://www.sitepoint.com/angularjs-tutorial-build-build-an-app-using-directives-and-directives-and-data-binding/

> [22:14] @phil复杂性通常是测试问题的原因

[22:14] 减少耦合，也许将您的指令分为多个子指令等。 [22:15] Bradbarrow，整洁！我会给它阅读
[22:15] 似乎很有趣！谢谢> [22:15] 我通常会发现，如果我必须在测试中固定 /模拟太多，这意味着我可能需要重新考虑它的工作原理>[22:15] 通常是高度耦合的，而不是松散耦合

[22:15] 大家好
[22:15] @phil我同意MAL RE测试。确保您的代码尽可能模块化和去耦合。编写集成/接受测试通常可以帮助涵盖单位测试变得复杂的领域。[22:15] 可以与Google Alerts或RSS之类的东西一起使用吗？
[22:15] 即，它期望一个对象具有来自父范围的大量属性，而不是来自父范围的几个不同变量，这是更多的Explcit
> [22:15] 即使我简化了事情，测试也可以倒塌 - 但更多的是，业力已经陷入了某种状态，它需要重新启动。似乎

[22:16] @phil Odd，每个测试都应重置为空白状态。也许您的积累和拆除不是有效地清除事物，或者您正在尝试在OE测试中做很多事情
[22:16] 一个*
22:17] Angularjs建议使用Ember.js之类的诽谤，否则它无法管理状态等等，不是吗？ Randyman5775不确定您的意思是什么，如果您的意思是可以获取数据，请肯定 - 如果服务通过JS可用（即支持交叉来源资源共享），则是yeap

[ 22:17] @good非常确定Angularjs推荐Ember.js就像Toyota建议您购买福特

>[22:17] @good我以前从未听说过。 Angular UI团队有一个很好的解决方案来解决国家驱动的开发，包括嵌套视图http://angular-ui.github.io/ui-router/sample
[22:17] @maccurtis - 这听起来值得一个尝试。如果您没有遇到类似的问题，那么我会处理的。谢谢
[22:18] 我支持了Bradbarrow对UI-Router所说的话。它很棒，并解决了您可能遇到的所有路由 /状态问题，
> [22:18] 支持嵌套的视图，Ala Ember，并且具有多个兄弟姐妹视图等。 [22:18] 是的，我希望根据每日更新内容的关键字合并汇总内容
[22:18] 通过状态而不是路线运行，这是极好的
[22:19] randyman5775是的，如果您可以通过JS您获得数据'll没有问题将其变成角度。
[22:19] @bloopjs我真的很喜欢使用Angular在Web方向南站点http://webdirections.org/wds13/ [22:19] @bloopjs @bloopjs有一些出色的指令用于触摸事件，以使其使其可移动访问

[22:19] 如果您以前没有使用过Angular功能强大的
[22:20] 您可以定义新的标签（或类等），这些标签（或类等）都封装了功能的整个块>
[22:20] [22:20] ok不错的链接，确实所有信息都移至“ JSON文档”格式，并且有越来越多的NOSQL DB，其中包含AngularJS可以在客户端和服务器端处理的文档……
[22:20] 使重复使用非常容易，并进行测试等。 [22:20] 为此，依赖性注入意味着您可以创建资源，可以在整个应用程序中访问。这促进了脱钩，正如我们之前看到的，这使得测试变得更加容易

[22:21] '依赖项注入'=很容易获得您的课程等，而不必担心如何访问或污染全局范围 [22:22] 如果您最近加入，欢迎欢迎使用。
> [22:22] Randyman57775如果您有兴趣消费Restful API，https://github.com/mgonto/restangular是一个很棒的小模块，请随时提出问题。这提供了一些有用的工具来这样做
>
[22:22] 即，当您创建控制器时，您可以创建功能：函数（myClass，myotherClass）{…}并基于参数名称，Angular将为您的控制器提供这些类（只要注册）
[22:23] tanks bradbarrow tanks bradbarrow - 我会检查到。 > [22:23] 好一点，现在您提出了全球范围。关于意识到何时不再将任何变量包含在$范围中的任何建议……或者可以处理多少kb/mb？什么时候在$范围中放入某些东西，应该很明显

> [22:24] 如果您仅在您的控制器，$ scope>
> [22:24] 如果在模板中需要它，则需要$ scope
[22:24] @good有一个Google Chrome开发人员扩展名为The Angular Batarang，它可以帮助您检查浏览器中Angular的足迹。这可能有助于调试和跟踪可以重构 [22:25]的杂散变量好吧，因为范围是视图和模型之间的胶水……但是，如果我们需要移动大量数据怎么办进入视图？范围有没有实时给您任何大小问题？ 🎜> [22:25] 有趣的问题。我不相信在范围内拥有事物的“重量”比超出范围还不再是“重量”，除非Angular必须处理更改
[22:26] 如果您是将大量更改的数据放入不需要的范围中，然后您可能会导致处理开销，而不是“内存” footprint

[22:26] @good最近，我创建了一个API端点和一个角色工厂来消费它。它拉下了一个JSON结构，其中有将近2000个记录，每个记录都有大约40个属性。这些直接进入了一个示波器变量，Angular能够实时对收集进行分类/过滤，而没有问题
[22:26] 您如何看到接下来的几年中的角度发展。它似乎已经非常强大，并且有大量的小部件图书馆在指令能力之上。您的想法是什么？[22:26] 即，Angular知道何时发生变化，但必须通过观察功能值和范围变量来做到这一点，因此，如果您经常更改这些值，那么它就可以需要更多的tocheck[22:26] 也就是说，这是一个原型，我建议在处理大型数据集时使用分页的方法
[22:26] 如果您可以将预处理入控制器，然后将输出移至范围中，那么它将减少处理 nanda>您何时会减少处理的处理使用Angular，什么时候不使用它？>[22:27] Bradbarrow好吧，我明白，谢谢您分享了这一经验，现在我知道了一些数字……谢谢
[22:27] @phil @phil我会如果我们看到更多的社区项目被捆绑到核心，或者至少是一个更模块化的系统，例如UI-Router > [22:27] ，请感到惊讶。 @phil我认为他们会越来越多地向JavaScript OOP方法移动，并且远离他们所提及的“语言”。您已经可以使用“ this”关键字而不是$范围将属性本身绑定到角控制器本身，这意味着JavaScript开发人员将对语言感到更加宾至如归。
[22:28] （这是在不稳定的版本中）
[22:28] 与Sencha的Ext相比，您将如何定义AngularJS？我的意思是目的，范围和功能。
[22:28] @bradbarrow - 您看到它向DART之类的人迈进吗？有点，我的意思是）

[22:29] Maciek Angular是更多的框架，较少的小部件库

> [22:29] @phil Angularjs Core刚刚宣布了一个兼容Ng
的飞镖端口[22:29] ng

ng
[22:29] abbrev is

[22:30] https://github.com/angular/angular/angular.dart.dart
[22:30] [22:30]我猜！
[22:30] ;）

[22:30] http://news.dartlang.org/2013/11/angular-announce-angulardart.html
[22:31] 对Angularjs和Google的另一个项目之间兼容性的任何想法网络开发框架？我不记得这个名字，但它像投影仪，原型或类型之类的东西，或类似的东西[22:31] 我可以看到它到达DOM有点像Assember语言的阶段浏览器[22:31] 汇编器
[22:31] @good @good您可能会想到聚合物？ @good Google Web开发人员或类似的东西？
[22:31] 是的，就是
[22:31]

[22:31] 谢谢，聚合物
[22:31] 他们彼此兼容吗？> [22:32] 聚合物借用了许多Angular的理想学，但我想说它们是解决一个问题的两个单独解决方案。
[22:32] 哦，没有看到聚合物。有点像Mozilla One
> [22:32] http://mozilla.github.io/brick/
[22:33] 随着阴影DOM周围突出的兴起，开发人员对Angular的指令等人变得越来越舒适 - 封装了具有动态的UI组件dom 中的行为[22:33] this ^
> [22:33] 好吧，谢谢您的链接，我对砖不知道，我会给它阅读
[22:35] 这是远离JavaScript应用程序逻辑和演示文稿之间的当前隔离的转变。 “将逻辑远离视图”的古老格言仍在有没有回答的问题？
[22:35] 我希望Angularjs帮助统一浏览器行为……全部进入Google Chrome或Mozilla Firefox [22:35] 我的意思是我希望它可以

[22:36] 就创建一个在所有浏览器上工作的单个“接口”？ >
> [22:36] 或让较少的人使用IE和Safari…？
[22:36] 大声笑[22:36] ie…[22:37] 我希望他们赶上Angularjs…否则我不知道它最终会如何形成IE Guys

> [22:37] 我对IE截至本周

> [22:37] 当前last =当前OK 10上的Angularjs应该很好
[22:37] 好吧。
[22:37] > @good Google刚刚在其文档平台和其他一些方面取得了对IE9的支持。它们是趋势设定器，因此我们可以期待使用IE10，这实际上还可以，这实际上还可以[22:37] 10是第一个IE，最终仅在您使用的所有地方都接受了标准

[22:37] 包括Cors等从Angular迅速开始，我强烈建议您查看Brian Ford维护的Angularjs Yeoman Generator：https：//github.com/yeoman/generator-generator-angular-angular [22:40] 它可以帮助您获得。在几分钟内使用静态站点，AngularJS和活泼的开发环境建立。我用它来快速原型Angular Apps，而不是诸如JSFIDDLE/CODEPEN[22:40] 如果有人尚未回答的问题，现在将是一个好时机。 > [22:41] 欢迎您刚刚加入的人：）
[22:41] 你好[22:41] 嗨[22:41] Howdy
[22:42] 嗨，伙计们，你们中的任何一个以前使用过Angularjs吗？到目前为止，您的经验/意见是什么？有任何疑问吗？
[22:42] 好吧，谢谢。您会说Angularjs不能比其他人轻易跳动或无法轻易发展。许多人不想在我的事情上脱离灯时，卑鄙的个人资料将是未来……否则似乎是这样，但是我想知道是否有Angularjs有任何缺点，Misjo并没有告诉我们： d
[22:42] 我认为没有。
[22:43] @good @good您无需搬走灯即可运行ng
[22:43] 灯是您的后端。但是。 22:43] 啊，对不起
[22:43] '问题' - 是学习陡峭的学习曲线

[22:44] 所以很难击败jQuery 的“简单性” [22:44] @good我认为它会'始终取决于应用程序本身。 Mongo vs MySQL - 它们是非常不同的解决方案。节点vs apache ..同时，一个专门研究实时服务器行为。这是为了为正确的应用程序选择正确的工具。
[22:45] 您将卑鄙的堆栈视为LAMP的替代方案。还是您认为它们是相似的？ ……关于承诺和在Angularjs中使用它们的信息。您认为我是否值得学会在我的后端代码上应用承诺，而不是拥有可怕的标识Piramid？ [22:45] 我们必须记住，开发人员会涌向最新和最大的，所以刻薄的是很受欢迎……但这并不意味着您不能将Angular整合到现有的堆栈中舒适使用ROR/LAMP[22:46] @Good假定您的后端代码使用回调汤语言，例如js
[22:46] 我读了Q库开发人员的一些文章，说为什么节点应该使用它们或类似的东西……我不准确地记得……对不起
[22:46] 好的
[22:47] 嗨，我正在通过Angular内部运行的Fabric。我需要开始在视图之间共享数据，并且想知道参数或共享服务是否是必经之路。它可以使用socket.io，以及我们现在使用的诸如此聊天应用之类的应用程序更顺畅的应用程序（正确的mal？）。另一方面，请尝试并测试灯和ror堆栈。 @mikef数据在哪里，视图在哪里？连接的控制器，该控制器使用$范围将它们绑定在一起[22:48] 目前数据处于本地存储中，并且视图是由路由器模块切换的自己的文件中的部分。
[22:48] @good @good我个人认为近年来是异步语言的最佳发展之一，我发现它们比回调更通用，可读性和强大。任何使用它们的机会，我都会跳上它
[22:49] 好吧，因此您需要有一个控制器，该控制器在那里进行一些按摩
[22:49] 谢谢bradbarrow
[22:49] 在您的视图中，您可以访问您添加到所附$范围的任何内容控制器
[22:49] 因此，您的控制器可能会从LocalStorage中获取东西，然后将其推入$ scope.mydata
[22:49] 您的观点可能会在mydata上迭代（它不需要示波器位）
[22:50] 例如

{{data.someproperty}}态

[22:51] 一个用于使用本地/会话存储的漂亮模块：https：//github.com/gsklee/ngstorage [22:53] 我们的会议还剩5分钟。有人有最后的问题吗？
[22:53] Bradbarrow刚刚看到您的评论，是的，构建此应用程序完全是微风的。没有宣誓涉及… /sarcasm

[22:54] 在此频道围绕JavaScript开发中有一些很棒的视频，包括Node's异步性质，承诺和休息API，为您的那些感兴趣的人（@good） http://www.youtube.com/user/webdirections/videos
[22:54] 我只是想感谢您分享您的知识。知道我会向西班牙的一些明星发送好业力/积极的业力，以便在美国找到您！：d[22:54] 感谢伙计们的建议：0）
[22:55] 我在NZ;）Brad; >
[22:55] Brad*

> [22:55] 没问题！使用Angular的人越多，社区就会变得越支持：） [22:55] 对不起。因此，对于NZ和AU，他们走了！[22:55] ：D
[22:55] 谢谢，谢谢，我一定会抓住成绩单，甚至还学会了东西在过去的10分钟内！：）[22:55] 很酷。我将在今天晚些时候放置成绩单。 22:56] 如果有人来这里想他们是否应该“尝试” Angular，答案是平坦的 - 是的：试一试。请记住，它有一些校准曲线，尽管持续存在。 ] 我将专家放松之前有任何最后一个问题吗？ https://groups.google.com/forum/# !! Forum/angular

[22:56] 一个很好的第一个教程是Alex的一个 @ sitepoint：https：//www.sitepoint.com /angularjs-tutorial-build-an-app-in-app-indilectives and-data绑定/
> [22:57] Malcurtis 100％同意，在Emberjs之后使用 - 很难学习，但“上级” [22:57] M/
[22:57] 很棒。好吧，感谢您今天早上的时间Malcurtis和Bradbarrow
[22:58] 没问题 - 很有趣：） np> np
> [22:58] Applauses
[22:58] ，感谢所有加入并提出问题的人。祝您白天/夜晚都很愉快。 [22:59] 也谢谢你，谢谢>[22:59] bye！

经常询问有关Angularjs

的问题

什么是AngularJS，为什么在Web开发中很重要？它由Google维护，旨在使此类应用程序的开发和测试更加容易。 Angularjs建立在指令，可重复使用的组件和模块化设计的概念上，这使其成为构建单页应用程序的理想工具。它还支持双向数据绑定，依赖注入和关注点的分离，这在现代网络开发中都很重要。

> AngularJS与其他JavaScript框架有何不同？由于其数据绑定功能，从其他JavaScript框架中。它使用双向数据绑定，这意味着用户界面中的任何更改都会立即影响应用程序对象，反之亦然。另一个独特的功能是依赖注入，它使应用程序更易于开发，理解和测试。

了解HTML，CSS和JavaScript。 MVC（模型视图控制器）概念和文档对象模型（DOM）的知识也可能是有益的。

>

> gangularjs中的指令是什么？

指令是DOM元素上的标记（例如属性，元素名称，注释或CSS类）告诉AngularJS的HTML编译器将指定的行为附加到该DOM元素，甚至转换DOM元素及其子女。

>我如何聘请AngularJS专家？这些平台拥有大量专家，在AngularJS开发方面具有广泛的经验。您可以查看他们的个人资料，检查他们的经验，并选择适合您项目需求的个人资料。

>在我的项目中使用AngularJS有什么好处？它允许您创建单页应用程序，以提供更无缝的用户体验。双向数据绑定简化了编程过程。此外，它是由Google维护的，它可以确保您的可靠性和定期更新。

>我可以将AngularJS用于移动应用程序开发吗？>

是的，可以将AngularJS用于移动应用程序开发。但是，值得注意的是，AngularJS主要是为Web应用程序开发而设计的。对于移动应用程序开发，角或离子可能是更好的选择。

> Angularjs的未来是什么？ Angular提供了更高级的功能，并且更适合现代Web开发的需求。但是，AngularJS将继续与维护与之构建的现有应用有关。>

在Angularjs开发中有哪些共同挑战？

>一些共同的挑战包括处理复杂的语法，了解该概念指令，管理范围以及在大规模应用中处理绩效问题。但是，这些挑战可以通过适当的理解和经验来克服。如何学习Angularjs？

>有很多资源可以学习AngularJS。在线教程，指南和课程是一个很好的开始方式。 SitePoint，Ultimate Course和Turing等网站提供了有关Angularjs的全面指南和讨论。

以上是与专家交谈 - 成绩单的详细内容。更多信息请关注PHP中文网其他相关文章！