框架集合

javascript

官网

最新的 ECMAScript 标准定义了 8 种数据类型:
Boolean
Null
Undefined
Number
BigInt
String
Symbol
Object

jQuery

jQuery 极大地简化了 JavaScript 编程
中文文档
速查表

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>

Bootstrap

专注于响应式布局
官网

 <!-- Bootstrap -->
 <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    
  
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>

<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
 <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>   

vue

渐进式 JavaScript 框架
官网

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

webpack

打包工具
官网

//src/index.js
import bar from './bar';

bar();

//src/bar.js
export default function bar() {
  //
}

layui

官网

layer

专注于弹层

官网

sweetalert

专注于弹层

官网

<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>

`

artDialog

专注于弹层

官网

<link href="artDialog/skins/default.css" rel="stylesheet" />

<script src="artDialog/artDialog.basic.js"></script>

swiper

专注于轮播

官网

Font Awesome

专注于图标
官网

<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

simple-line-icons

专注于图标
官网

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.4.1/css/simple-line-icons.css">