入口文件

CSS

<!-- 图标 CSS -->
<link rel="stylesheet" href="../public/fonts/font-awesome/font-awesome.css">
<link rel="stylesheet" href="../public/fonts/web-icons/web-icons.css">

<!-- Bootstrap CSS -->
<link rel="stylesheet" href="../public/themes/classic/global/css/bootstrap.css">

<!-- Site CSS -->
<link rel="stylesheet" href="../public/themes/classic/base/css/site.css" id="admui-siteStyle">

<!-- 插件 CSS -->
<link rel="stylesheet" href="../public/vendor/animsition/animsition.css">
<link rel="stylesheet" href="../public/vendor/toastr/toastr.css">

JavaScript

IE10 支持

以下代码是为了支持IE10。

<!--[if lt IE 10]>
<script src="../public/vendor/media-match/media.match.js"></script>
<script src="../public/vendor/respond/respond.src.js"></script>
<![endif]-->
<!-- 插件 -->
<script src="../public/vendor/jquery/jquery.min.js"></script>
<script src="../public/vendor/bootstrap/bootstrap.min.js"></script>
<script src="../public/vendor/modernizr/modernizr.min.js"></script>
<script src="../public/vendor/breakpoints/breakpoints.min.js"></script>
<script src="../public/vendor/artTemplate/template.min.js"></script>
<script src="../public/vendor/toastr/toastr.min.js"></script>
<script src="../public/themes/classic/global/js/plugins/responsive-tabs.js"></script>
<script src="../public/vendor/ashoverscroll/jquery-asHoverScroll.min.js"></script>
<script src="../public/vendor/slimscroll/jquery.slimscroll.min.js"></script>
<script src="../public/vendor/screenfull/screenfull.min.js"></script>
<script src="../public/vendor/matchheight/jquery.matchHeight.min.js"></script>

<!-- 核心 -->
<script src="../public/themes/classic/global/js/configs/site-configs.js"></script>
<script src="../public/themes/classic/global/js/components.js"></script>
<script src="../public/themes/classic/base/js/site.js"></script>

<!-- 消息通知 -->
<script src="../public/js/notify-msg.js"></script>

说明:

Modernizr可以在支持HTML5和CSS3的浏览器中充分利用HTML5和CSS3的特性进行开发,同时又不会牺牲其他不支持这些新技术的浏览器的控制。

Breakpoints用于响应式布局设置断点,当浏览器进入或退出断点时会触发自定义事件,在复杂布局时非常实用。