一、Bootstrap
Bootstrap是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、javascript 的。
需要下载后,调用相应.js文件、.css文件
Bootstrap 的所有 JavaScript 插件都依赖 jQuery,因此 jQuery 必须在 Bootstrap 之前引入
其中js文件夹包含两个文件:bootstrap.js和bootstrap.min.js,两个文件用法、内容上没有区别,这是bootstrap.min.js简化了。只调用一个即可
使用时,可以调用bootstrap编写好的插件、模板,然后按照自己的需求进行修改。
css样式:自己创建需要的标签,只需要添加bootstrap对应的class类即可。
JavaScript 插件:
JavaScript 插件可以单个引入(使用 Bootstrap 提供的单个 *.js
文件),或者一次性全部引入(使用 bootstrap.js
或压缩版的bootstrap.min.js
)。
根据class调用方法
二、layui
获得 layui 后,只需要引入下述两个文件:
- ./layui/css/layui.css
- ./layui/layui.js
三、EasyUI
jQuery EasyUI 是一个基于 jQuery 的框架,集成了各种用户界面插件。
在使用EasyUI之前必须先声明UI控件,有两个方法声明它
1. 直接在 HTML 声明组件
<div class="easyui-dialog" style="width:400px;height:200px" data-options="title:'My Dialog',collapsible:true,iconCls:'icon-ok',onOpen:function(){}"> dialog content. </div>
2. 编写 JavaScript 代码来创建组件。
<input id="cc" style="width:200px" />
$('#cc').combobox({ url: ..., required: true, valueField: 'id', textField: 'text' });
XML 简介
XML 被设计用来传输和存储数据。
HTML 被设计用来显示数据。
XML 标签没有被预定义。您需要自行定义标签。
XML 和 HTML 之间的差异
XML 不是 HTML 的替代,xml不会做任何事。
XML 和 HTML 为不同的目的而设计:
- XML 被设计用来传输和存储数据,其焦点是数据的内容。
- HTML 被设计用来显示数据,其焦点是数据的外观。
HTML 旨在显示信息,而 XML 旨在传输信息。