Vue、React、Angular 常被一起称作三大框架、现代框架。三大框架是目前驱动前端项目底层的最常用的框架。随着前端行业从业人员的增加，更易上手的 Vue 和 React 占据了更大部分市场。本章节不会探讨这些框架的具体用法

本章节主要讲述和AngularJS相关的插件以及一些操作指南。Angular虽然迭代更新很快，但是相对来说编辑器相关的还是比较稳定，比如代码高亮，代码块的简写方式等等。接下来就跟着我一起学习一下吧。截止文章编写的时候，Angular已经发布到10，代码更新频率还是很快的

本节介绍了 Reflect Metadata 的一些基础使用方式，一些基础库源码如 vue-class-component、Angular 均使用了 Reflect Metadata ，有兴趣的可以深入源码学习下。

我们学习一门新技术会关心它的生命力问题，如果这门技术在较短时间内就要被淘汰，那花费大量的时间学习也是不划算的。TypeScript 能够保持长久生命力的另一个原因，就是统治前端的三大框架对 TypeScript 的支持。Angular 是 TypeScript 最早的支持者，Angular 官方推荐使用 TypeScript 来创建应用。React 虽然经常与 Flow 一起使用，但是对 TypeScript 的支持也很友好。Vue3.0 正式版即将发布，由 TypeScript 编写。从国内的氛围来看，由前端三大框架引领的 TypeScript 热潮已经涌来，很多招聘要求上也都有了 TypeScript 的身影。

6.1.1 直接给指定位置赋值通过下标，直接访问到一个不存在的成员，然后进行赋值，就可以为数组增加一项。var arr = ['jquery', 'react'];arr[1] = 'vue';arr[2] = 'angular';console.log(arr[2]); // 输出："angular"console.log(arr.length); // 输出：36.1.2 push 方法push 方法接收任意个参数，这些参数会依次添加到数组的末尾，添加完后返回数组新的长度。var arr = [1];var length = arr.push(2, 3);console.log(arr); // 输出：[1, 2, 3]console.log(length); // 输出：3通常不会用到这个返回的长度，可以不需要接收返回值。6.1.3 unshift 方法unshift 接收任意个参数，这些参数会被添加到数组头部，添加完后返回数组新的长度。var arr = [3];var length = arr.unshift(1, 2);console.log(arr); // 输出：[1, 2, 3]console.log(length); // 输出：3

TypeScript 可以说是现阶段前端的必备技能，许多开源框架也采用 TypeScript 来编写，如 Angular、Vue 等。TypeScript 不单单提供了静态类型，还扩充了 类 的能力，提供了非常多的特性，具体内容可以参阅TypeScript Wiki，相信看完会有更多收获。

AngularJS 插件就是我们开发Angular项目的一把锋刃利器，有了它。我们可以只写ng-xx（当然我们的代码也会高亮，更加友好），按下tab键即可生成很多代码，快来试试吧。该版本使用了TypeScript，所以也需要装一下TypeScript插件，别的框架也支持TypeScript，所以学习它不会吃亏

上一部分总结了其它 IDE 的优缺点， 相较其它产品，PyCharm 是功能最为完备，用户体验最好的IDE， 适合大型项目的开发。 具体特性如下：智能代码编辑功能： 自动代码补全，你继续输入时，拼写提示列表会缩小范围以匹配你输入的字符。 具有实时编辑功能，立即自动保存编辑内容；专业工具集成： 几乎集成了程序员可能希望的所有功能， 比如集成单元测试，代码检测，集成版本控制，代码重构工具等等；支持各种 Web 开发语言：如 HTML/CSS、Javascript、Angular JS、node JS 等。Pycharm 还支持多种类型的 Web 开发框架和广泛的 Web 模板；科学计算：集成了 IPython Notebook，其作为交互式的 python 控制台，支持各种工具如 Anaconda, NumPy, Matplotlib 等等；可定制 + 跨平台： 可以自定义UI界面，可运行在 Linux, Windows and Mac OS 上；远程调试：通过配置 Docker 或者 Vagrant 及 SSH, 支持在本地使用远程服务器的 Python 解释器和环境进行调试和运行， 这是其它大多数其它 IDE 不具备的功能；最流行：意味着当你在使用中遇到问题，意味着可以在互联网上更快的找到解决方案相对于其它 IDE。PyCharm 主界面：

同样的，安装好了插件之后，我们也能快速方便的写 angularjs 代码。比如我们可以试着敲出：@c 然后插件会带出相应的代码块，sty，能联想出样式urltemp，甚至更少，就能联想出模板url

step1： 双击打开 PyCharm，点击 Create New Project：step2：选择 Pure Python，提供要创建项目的位置，我把这个项目放在了我电脑的这个路径下 /User/xuxh/PycharmProjects/ 并给这个项目起名为 demo：上图左侧面板，列出了 PyCharm 支持的所有项目类型， 除了 Pure Python 我们最为常用的项目类型，也包括现在比较流行的 Web 框架 Django and Flask, 也支持 Google App Engine 框架， 同时也支持多种当前广泛应用的前端 Web 框架， 比如Angular、React 等等。总之， PyCharm 支持的项目类型是非常丰富的。点击箭头，Pycharm 会找到之前安装的 Python 解释器。选择解释器， 点击 Create 按钮。Tips : 关于解释器后面有专门章节介绍，这里只需按上图选择系统解释器 Python 3.7 即可。返回主页面，看到初始的项目结构有三部分组成：step3：右击项目名，新建一个 Python 文件： New -> Python File ：输入文件名 “hello_world"，然后回车即可创建 hello_world.py 文件。step4：写一个简单的程序，打印 “hello world!!!”：step5：运行程序时需要右键点击编辑区 ，选择 Run 'hello_world'( 也可点击菜单 Run -> Run 'hello_world')。step6：进入运行控制台， 我们可以看到 PyCharm 已经输出了 “Hello World!!!”。

这个技术在前面章节有独立章节进行讲解。事实上，$.ajax 是基于原生 XMLHttpRequest 进行了封装，并且提供了一套高度统一的设计和编程接口。在我们的代码中，我们一般都这样写：$.ajax({ method: 'POST', url: url, data: data, success: function () {}, error: function () {}});或者结合 deferred 的写法：$.ajax({ url: url, method: 'GET', data : data}).done(data => { // code}).fail(err => { // code})不吹不黑，jQuery 提供的这一套 Ajax 工具方法真的非常优秀，并且经历了这么多年的打磨，其稳定性、成熟度自然不必多言。关于 jQuery 的 Ajax 工具方法的优点，在前面章节已经讲过。至少从使用体验上来讲，简单易用，功能齐全，以至于我身边至今依然有很多开发者在使用这一套工具函数。然而，随着技术的发展，jQuery 也逐步走向一个衰弱的过程。越来越多的前端开发者开始使用诸如 Angular、React 和 Vue 这样的新型框架。想像一下，如果我们在一个基本用不到 jQuery 的技术中进行前端开发，为了要使用 jQuery 的 Ajax 相关方法而强行引入整个 jQuery，这显然是不现实也不可取的。在更新的技术中，我们将寻求体积更小，更为先进的类库。