前端框架及专业名词

# JS 框架

## Jquery

jQuery 是一个 JavaScript 库。

jQuery 极大地简化了 JavaScript 编程。

jQuery 很容易学习。

```html
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
```

## Angular

Angular是一个前端框架，提出了模块化开发理念，与微软合作，采用TypeScript语法开发。

## React

React 是一个用于构建用户界面的 JAVASCRIPT 库。
特点是提出新概念虚拟DOM

```html
<script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js"></script>
<script src="https://cdn.staticfile.org/react-dom/16.4.0/umd/react-dom.development.js"></script>

<script src="https://cdn.staticfile.org/babel-standalone/6.26.0/babel.min.js"></script>
```

## Vue

Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。
Vue 只关注视图层， 采用自底向上增量开发的设计。
Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。其特点是综合了模块化和虚拟DOM的优点。

```html
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
```

# 组合UI框架

## Boostrap

Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。使用到了Jquery。

```html

<link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
 

<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
 

<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
```

## Ant-Design

阿里巴巴出品，基于`React`的UI框架。

## ElementUI

饿了么出品，基于`Vue2.0`的UI框架

```html

https://cdn.bootcdn.net/ajax/libs/element-ui/2.13.2/theme-chalk/index.css

<script src="https://cdn.bootcdn.net/ajax/libs/element-ui/2.13.2/index.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/element-ui/2.13.2/locale/zh-CN.js"></script>
```

## AmazeUI

又称妹子UI。Amaze UI 是一个轻量级（所有 CSS 和 JS gzip 后 100 kB 左右）、**Mobile first** 的前端框架， 基于开源社区流行前端框架编写。

官方cdn

```
http://cdn.amazeui.org/amazeui/2.5.0/css/amazeui.css
http://cdn.amazeui.org/amazeui/2.5.0/css/amazeui.min.css
http://cdn.amazeui.org/amazeui/2.5.0/js/amazeui.js
http://cdn.amazeui.org/amazeui/2.5.0/js/amazeui.min.js
http://cdn.amazeui.org/amazeui/2.5.0/js/amazeui.ie8polyfill.js
http://cdn.amazeui.org/amazeui/2.5.0/js/amazeui.ie8polyfill.min.js
http://cdn.amazeui.org/amazeui/2.5.0/js/amazeui.widgets.helper.js
http://cdn.amazeui.org/amazeui/2.5.0/js/amazeui.widgets.helper.min.js
```

最后修改：2020 年 08 月 18 日 02 : 08 PM

前端框架及专业名词