JS 框架
Jquery
jQuery 是一个 JavaScript 库。
jQuery 极大地简化了 JavaScript 编程。
jQuery 很容易学习。
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
Angular
Angular是一个前端框架,提出了模块化开发理念,与微软合作,采用TypeScript语法开发。
React
React 是一个用于构建用户界面的 JAVASCRIPT 库。
特点是提出新概念虚拟DOM
<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的优点。
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
组合UI框架
Boostrap
Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。使用到了Jquery。
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
Ant-Design
阿里巴巴出品,基于React
的UI框架。
ElementUI
饿了么出品,基于Vue2.0
的UI框架
<!-- 引入样式 -->
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