seUIadmin

公司管理框架学习,源自metronic.bootstrap

=================================================================================================================

#js库分析

1.jquery

<script src="/api/flow.js?q=https%3A%2F%2Fgithub.com%2Fwebcoding%2Fmedia%2Fjs%2Fjquery-1.10.1.min.js" type="text/javascript"></script>

2. migrate 兼容1.9 以前的代码

<script src="/api/flow.js?q=https%3A%2F%2Fgithub.com%2Fwebcoding%2Fmedia%2Fjs%2Fjquery-migrate-1.2.1.min.js" type="text/javascript"></script>

######IMPORTANT! 在 引入bootstrap.min.js 前引入 jquery-ui-1.10.1.custom.min.js 避免 bootstrap tooltip 与 jquery ui tooltip 冲突

3.jquery UI js

<script src="/api/flow.js?q=https%3A%2F%2Fgithub.com%2Fwebcoding%2Fmedia%2Fjs%2Fjquery-ui-1.10.1.custom.min.js" type="text/javascript"></script>

4.bootstrap.js

<script src="/api/flow.js?q=https%3A%2F%2Fgithub.com%2Fwebcoding%2Fmedia%2Fjs%2Fbootstrap.min.js" type="text/javascript"></script>

5.ie 浏览器

<!--[if lt IE 9]> <!-- IE 支持 canvas -->

6. ie浏览器支持canvas 特性 excanvas.js

<script src="/api/flow.js?q=https%3A%2F%2Fgithub.com%2Fwebcoding%2Fmedia%2Fjs%2Fexcanvas.min.js"></script>

7.Respond.js 是一个快速、轻量的 polyfill，用于为 IE6-8 以及其它不支持 CSS3 Media Queries 的浏览器提供媒体查询的 min-width 和 max-width 特性，实现响应式网页设计（Responsive Web Design）。-->

<script src="/api/flow.js?q=https%3A%2F%2Fgithub.com%2Fwebcoding%2Fmedia%2Fjs%2Frespond.min.js"></script>

<![endif]-->

8.滚动条 插件

* http://rocha.la/jQuery-slimScroll/

<script src="/api/flow.js?q=https%3A%2F%2Fgithub.com%2Fwebcoding%2Fmedia%2Fjs%2Fjquery.slimscroll.min.js" type="text/javascript"></script>

9.进行 AJAX 操作时遮罩浏览器

* http://malsup.com/jquery/block/

<script src="/api/flow.js?q=https%3A%2F%2Fgithub.com%2Fwebcoding%2Fmedia%2Fjs%2Fjquery.blockui.min.js" type="text/javascript"></script>

<script src="/api/flow.js?q=https%3A%2F%2Fgithub.com%2Fwebcoding%2Fmedia%2Fjs%2Fjquery.cookie.min.js" type="text/javascript"></script>

10.美化 form 表单元素

* http://uniformjs.com/

<script src="/api/flow.js?q=https%3A%2F%2Fgithub.com%2Fwebcoding%2Fmedia%2Fjs%2Fjquery.uniform.min.js" type="text/javascript"></script>

11. 脉动效果，引起用户注意 jquerypulsate

* http://kilianvalkhof.com/jquerypulsate/
* https://github.com/Kilian/jQuery.pulsate

< script src="/api/flow.js?q=https%3A%2F%2Fgithub.com%2Fwebcoding%2Fmedia%2Fjs%2Fjquery.pulsate.min.js" type="text/javascript"></script>

12.日期操作类js

* http://www.datejs.com/

<script src="/api/flow.js?q=https%3A%2F%2Fgithub.com%2Fwebcoding%2Fmedia%2Fjs%2Fdate.js" type="text/javascript"></script>

13.日期范围选择js

* https://github.com/dangrossman/bootstrap-daterangepicker -->

<script src="/api/flow.js?q=https%3A%2F%2Fgithub.com%2Fwebcoding%2Fmedia%2Fjs%2Fdaterangepicker.js" type="text/javascript"></script>