开发教程|使用AngularJS开发WebApp

AngularJS是一个用javascript编写的客户端MVC框架。它在浏览器中运行，极大地帮助我们（开发人员）编写现代、单页、AJAX风格的webApp。这是一个通用框架，但当您使用它开发CRUD（创建、读取、更新、删除）类型的webApp时，它更强大。

AngularJS是客户端MVC框架的一个新手，但它已经引起了极大的关注，主要是因为它具有革命性的模板系统、易于开发和非常坚实的工程实践。事实上，他的模板系统在许多方面都是独一无二的：&-它使用HTML作为模板语言&-它不需要刷新显示的DOM，因为AngularJS可以跟踪用户操作和浏览器事件，并可以指出模型更改时需要刷新哪个模板它还有一个有趣且可扩展的组件子系统，它还可以教浏览器如何理解一些新的HTML标记和属性。

模板子系统可能是最可见的部分，但不要误解AngularJS是单页webApp经常使用的工具和服务的集合。

AngularJS也有一些隐藏的财富，DI具有很强的可测试性。对依赖注入的内置支持使从更小且经过更彻底测试的服务组装webApp变得更容易。框架及其周围工具集的设计提倡并促进在开发的每个阶段使用测试实践。

AngularJS具有强大而丰富的核心功能。与此同时，活跃的社区几乎每天都在添加新的扩展。AngularJS是基于HTML和JavaScript构建的，这些已经在Web开发中使用了多年。因此，我们仍然可以使用我们熟悉的编译器和IDE、浏览器扩展等，没有任何问题。

此外，AngularJS社区为现有的HTML/JavaScript工具包提供了许多有趣的工具。

Batarang是Chrome开发工具的扩展，可用于查看AngularJS WebApp。Batarang可以以图形方式轻松检查和分析AngularJSApp的运行性能。它可以浏览运行App的背景。与其他Chrome扩展一样，Batarang可以下载并安装在Chrome的Web商店（AngularJS Batarang）中。

lunker和jsFiddle

无论是Plunker还是jsFiddle，共享一些代码片段（JavaScript、CSS和HTML）都非常方便。虽然这些工具不是为AngularJS定制的，但AngularJS社区很快就采用了它们来分享一些小示例代码、bug场景等。Plunker值得特别关注，因为它是用AngularJS编写的，也是社区中非常流行的工具。

IDE扩展和插件

我们每个人都有自己喜欢的编辑器或IDE。好消息是，已经有许多插件/扩展可以应用于非常流行的IDE，例如Sublime Text2、Jet Brains系列产品等等。

建议的其他发展框架：

（App视图模型）是统软云的产品，更接近于原始编程体验。它提供了一个简单的模型来分离App的用户界面、业务逻辑和数据模型，适用于高度定制的项目。AVM（统软云视图模型）是统软云基于标准H5子集设计的DSL中间语言编程框架。它可以具有以下功能：

虚拟DOM：通过虚拟DOM，渲染到不同的终端，充分尊重系统特性，对不同的终端进行差异化处理，实现高效渲染；

组件化：具有高重用性、可组合性和可维护性的架构设计隐藏了复杂的DOM结构和行为，允许开发人员专注于App的功能和外观；

数据绑定：轻松将数据源绑定到App用户界面，降低逻辑复杂性和开发难度；

状态管理和路由：有效分离用户界面和数据处理，实现项目的工程管理；

类似Vue的语法和React JSX兼容性结合了Vue的轻量级和React的灵活性。

统软云 DSL最终可以编译成标准JS，通过DeepEngine将其渲染到应用端和Web端，或者编译成微信小程序代码，用于微信小App平台发布。