三大主流前端框架

  1. Vue

    Vue是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，方便与第三方库或既有项目整合。

    官网: https://cn.vuejs.org/

  2. React

    React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。

    官网: https://reactjs.org/

  3. Angular

    Angular 是一款十分流行且好用的 Web 前端框架，目前由 Google 维护。

    官网: https://angularjs.org/

新兴语言

  1. TypeScript

    TypeScript 是 JavaScript 的一个超集，支持 ECMAScript 6 标准。 由微软开发的自由和开源的编程语言。TypeScript 设计目标是开发大型应用，它可以编译成纯 JavaScript，编译出来的 JavaScript 可以运行在任何浏览器上。

    官网: https://www.tslang.cn/

组件库

  1. Element - 网站快速成型工具

    Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库

    官网: https://element.eleme.cn/#/zh-CN

  2. Ant Design - 企业级 UI 设计语言和 React 实现

    Ant Design 是蚂蚁金服开发和正在使用的一套企业级的前端设计语言和基于 React 的前端框架实现。它的特性：企业级金融产品的交互语言和视觉体系；丰富实用的 React UI 组件；基于 React 的组件化开发模式；背靠 npm 生态圈；基于 webpack 的调试构建方案，支持 ES6。

    官网：https://ant.design/index-cn

  3. Ant Design Pro - 开箱即用的中台前端/设计解决方案

    官网：https://pro.ant.design/

  4. AntV G2 - 数据驱动的高交互可视化图形语法

    G2 是一套基于可视化编码的图形语法，以数据驱动，具有高度的易用性和扩展性，用户无需关注各种繁琐的实现细节，一条语句即可构建出各种各样的可交互的统计图表。
    同时，G2 也是 AntV 最重要的组成，始于《The Grammar of Graphics》一书描述的视觉编码语法系统（这也是 G2 项目命名的由来）。

    官网：https://g2.antv.vision/zh

  5. AntV G6 - 图可视化引擎

    G6 是一个简单、易用、完备的图可视化引擎，它在高定制能力的基础上，提供了一系列设计优雅、便于使用的图可视化解决方案。能帮助开发者搭建属于自己的图可视化、图分析、或图编辑器应用。

    官网：https://g6.antv.vision/zh

  6. AntV F2 - 移动端可视化方案

    F2 是一个专注于移动，开箱即用的可视化解决方案，完美支持 H5 环境同时兼容多种环境（Node, 小程序，Weex），完备的图形语法理论，满足你的各种可视化需求，专业的移动设计指引为你带来最佳的移动端图表体验。

    官网：https://f2.antv.vision/zh

  7. AntV L7 - 基于 WebGL 的地理空间数据可视分析开发框架

    蚂蚁金服 AntV 数据可视化团队推出的基于 WebGL 的开源大规模地理空间数据可视分析开发框架。

    官网：https://l7.antv.vision/zh

  8. AntV G2Plot - 开箱即用的图表库

    G2Plot 是开箱即用、易于配置、具有良好视觉和交互体验的通用统计图表库。

    官网：https://g2plot.antv.vision/zh

  9. AntV Graphin - 图的分析洞察

    Graphin 取名意为 Graph Insight（图的分析洞察），是一个基于 G6 封装的 React 组件库，专注在关系可视分析领域，简单高效，开箱即用。

    官网：https://graphin.antv.vision/zh

  10. NutUI - 一套京东风格的轻量级移动端Vue组件库

    官网：http://nutui.jd.com/#/index

编辑器

  1. CKEditor

    官网：https://ckeditor.com/

  2. CodeMirror - 在线代码编辑器

    CodeMirror 是一款“Online Source Editor”，基于Javascript，短小精悍，实时在线代码高亮显示，他不是某个富文本编辑器的附属产品，他是许多大名鼎鼎的在线代码编辑器的基础库。

    官网：https://codemirror.net/

  3. Katex 轻量级的数学公式引擎

    官网：https://katex.org/

工具

  1. AntV ChartCube - 图表魔方

    AntV 在线图表制作工具 拖拽之间快速搞定图表制作

    官网：https://chartcube.alipay.com/

  2. html2canvas

    HTML转Canvas,一般用于截屏

    官网: http://html2canvas.hertzen.com/