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

posted on 2018-06-30 16:42  丁昆  阅读(93)  评论(0编辑  收藏  举报