一、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 旨在传输信息。

各框架、插件记录

XML 简介

XML 和 HTML 之间的差异

猜你喜欢