一、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 後，只需要引入下述兩個文件：

1. ./layui/css/layui.css
2. ./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 旨在傳輸信息。

各框架、插件記錄