前端框架详细介绍.docx

前端框架 Files Css 样式 主要的css文件：ace.css Ie9 css文件： 或者 bootstrap.css ：基于bootstrap fontawesome.css：使用fontawesome图标， 字体图标 ace-fonts.css ：字体 js 压缩版在 dist/js 下面 费压缩版在 assets/js 下面 单独的插件 ace.js包含网站的主要功能 ace-elements.js包含自定义插件 ace-extra.js 保存cookie信息，例如菜单的展开、皮肤等等 x-editable / ace-editable.js ：包含5个额外的内联编辑插件：日期，滑块，微调 jquery-ui.custom.js： 包含了jquery-ui一些插件和部分所需的功能 jquery-ui.js : jquery-ui 所有功能 html5shiv.js respond.js : html5兼容 IE8 Js 引入顺序 1、Jquery.js / jquery.1.x.js x 代表 1.9以下兼容IE9 2、Bootstrap.js 3、Excanvas.js : IE8 下使用html插件 Flotchart 、Sparklines 、jquery knob 、easy Pie chart 4、其他的插件: 例如，下拉框 chosen.js 5、最后引入 ：ace-elements.js and ace.js 6、兼容性： 例如 Basics 基础模块 Page Layout 页面布局 Layout 布局 Layout Navbar Sidebar Breadcrumbs (inside main-content) Page content (inside main-content) Settings box (inside content) Footer 例子： !DOCTYPE html html lang=en head !-- title, meta tags, list of stylesheets, etc ... -- /head body class=no-skin div class=navbar id=navbar !-- navbar goes here -- /div div class=main-container id=main-container div class=sidebar responsive id=sidebar !-- sidebar goes here -- /div div class=main-content div class=breadcrumbs !-- breadcrumbs goes here -- /div div class=content !-- setting box goes here if needed -- div class=row div class=col-xs-12 !-- page content goes here -- /div!-- /.col -- /div!-- /.row -- /div!-- /.content -- /div!-- /.main-content -- !-- footer area -- /div!-- /.main-container -- !-- list of script files -- /body /html Head !DOCTYPE html html lang=en head meta charset=utf-8 / !-- use the following meta to force IE use its most up to date rendering engine -- meta http-equiv=X-UA-Compatible content=IE=edge,chrome=1 / meta name=viewport content=width=device-width, initial-scale=1.0 / title page tite /title meta name=description content=page description