51CTO常用前端库引用地址

本站会及时更新51CTO使用的第三方资源库,以保证51CTO静态资源的统一,绿色为推荐地址,红色为即将废弃地址(慎用)

51cto(51cto公用用基础库)

1、message为原生实现的element-ui message提示,需要结合对应的样式components.min.css使用
<script src="https://cdn.51cto.com/51cto/message.js"></script>
<link rel="stylesheet" href="https://cdn.51cto.com/51cto/components.min.css"></link>

axios(基于xhr封装的请求库)

<script src="https://cdn.51cto.com/axios/axios-0.18.0.min.js"></script>

vue(一个MVVM框架)

1、后续所有新项目,如需使用vue2 sdk;统一使用2.6.14版本
<script src="https://cdn.51cto.com/vue/vue-2.6.14.js"></script>
<script src="https://cdn.51cto.com/vue/vue-2.5.16.min.js"></script>
<script src="https://cdn.51cto.com/vue/vue-3.2.36.js"></script>
<script src="https://cdn.51cto.com/vue/polyfill-3.5.0.min.js"></script>
<script src="https://cdn.51cto.com/vue/vue-scroller-2.2.2.min.js"></script>

vue-router(vue路由模式)

<script src="https://cdn.51cto.com/vue-router/vue-router-3.0.1.min.js"></script>

vuex(vue的状态管理仓库)

<script src="https://cdn.51cto.com/vuex/vuex-3.0.1.min.js"></script>

vant

1、vant依赖于vue,同时需要配合相关版本的css使用
2、后续所有新项目,如需使用vant sdk;统一使用2.14.47版本
<link rel="stylesheet" href="https://cdn.51cto.com/ui/vant/2.12.47/index.css">
<script src="https://cdn.51cto.com/ui/vant/2.12.47/index.js"></script>

iview

1、iview依赖于vue,同时需要配合相关版本的css使用
2、后续所有新项目,如需使用iview sdk;统一使用4.7.0版本
<link rel="stylesheet" href="https://cdn.51cto.com/ui/iview/4.7.0/index.css">
<script src="https://cdn.51cto.com/ui/iview/4.7.0/index.js"></script>
<link rel="stylesheet" href="https://cdn.51cto.com/ui/iview/1.15.0/index.css">
<script src="https://cdn.51cto.com/ui/iview/1.15.0/index.js"></script>

element

1、element依赖于vue,同时需要配合相关版本的css使用
<link rel="stylesheet" href="https://cdn.51cto.com/ui/element/2.15.8/index.css">
<script src="https://cdn.51cto.com/ui/element/2.15.8/index.js"></script>
<link rel="stylesheet" href="https://cdn.51cto.com/ui/element/2.13.0/index.css">
<script src="https://cdn.51cto.com/ui/element/2.13.0/index.js"></script>

jquery(一个快速、简洁的JavaScript框架)

1、后续所有新项目,如需使用jquery sdk;统一使用3.6.0版本
<script src="https://cdn.51cto.com/jquery/jquery-3.6.0.js"></script>
<script src="https://cdn.51cto.com/jquery/jquery-3.2.0.js"></script>
<script src="https://cdn.51cto.com/jquery/jquery-2.2.4.min.js"></script>

jquery.nicescroll

<script src="https://cdn.51cto.com/jquery/jquery.nicescroll-3.7.5.min.js"></script>

jquery.cookie

jquery.lazyload

<script src="https://cdn.51cto.com/jquery/jquery.lazyload-1.7.10.js"></script>

swiper

1、swiper依赖于jquery,同时需要配合相关版本的css使用
<script src="https://cdn.51cto.com/jquery/swiper-3.1.7.min.js"></script>
<link href="https://cdn.51cto.com/jquery/swiper-3.3.1.min.css"></link>
<script src="https://cdn.51cto.com/jquery/swiper-4.5.3.js"></script>
<link href="https://cdn.51cto.com/jquery/swiper-4.5.3.css"></link>

大数据导出

1、用于导出excel等文件
2、shim.min.js是用于es5部分函数缺失修复
<script src="https://cdn.51cto.com/export/blob.min.js"></script>
<script src="https://cdn.51cto.com/export/file-saver.js"></script>
<script src="https://cdn.51cto.com/export/shim.min.js"></script>
<script src="https://cdn.51cto.com/export/xlsx.full.min.js"></script>

animate

<link rel="stylesheet" href="https://cdn.51cto.com/animate/animate-4.1.1.min.css">

chart

<script src="https://cdn.51cto.com/chart/echarts-5.3.2.min.js"></script>

editor

<script src="https://cdn.51cto.com/editor/tinymce-6.0.2.js"></script>
<script src="https://cdn.51cto.com/editor/wuk/1.0.0/wuk.umd.min.js"></script>
<link rel="stylesheet" href="https://cdn.51cto.com/editor/wuk/1.0.0/wuk.css">
<script src="https://cdn.51cto.com/editor/wuk/1.0.1/wuk.umd.min.js"></script>
<link rel="stylesheet" href="https://cdn.51cto.com/editor/wuk/1.0.1/wuk.css">

fonts

<link rel="stylesheet" href="https://cdn.51cto.com/fonts/din/fontface.css">

player

<script src="https://cdn.51cto.com/player/aliplayer-2.9.1.min.js"></script>
<script src="https://cdn.51cto.com/player/aliplayercomponents.min.js"></script>
<link rel="stylesheet" href="https://cdn.51cto.com/player/aliplayer.min.css">

weixin

<script src="https://cdn.51cto.com/weixin/jweixin-1.0.0.js"></script>

vue2base(vue2全家桶)

1、合并vue-2.6.14,vue-router-3.4.8,vuex-3.5.1,axios-0.18.0
<script src="https://cdn.51cto.com/merge/vue2base.js"></script>

bootstrap

3.4.1
<script src="https://cdn.51cto.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdn.51cto.com/bootstrap/3.4.1/css/bootstrap.min.css">
4.6.2
<script src="https://cdn.51cto.com/bootstrap/4.6.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdn.51cto.com/bootstrap/4.6.2/css/bootstrap.min.css">

工具类