HTML5主流框架介绍及对比

article/2025/11/5 23:21:38

bootstrap

1、简介:

Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVA 的。

2、基本结构:

Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构。这将在 Bootstrap 基本结构 部分详细讲解。

3、CSS:

Bootstrap 自带以下特性:全局的 CSS 设置、定义基本的 HTML 元素样式、可扩展的 class,以及一个先进的网格系统。这将在 Bootstrap CSS 部分详细讲解。

4、Java 插件:

Bootstrap 包含了十几个自定义的 jQuery 插件。您可以直接包含所有的插件,也可以逐个包含这些插件。这将在Bootstrap 插件 部分详细讲解。

sui mobile

SUI Mobile 是一套基于 Framework7 开发的UI库。它非常轻量、精美,只需要引入我们的CDN文件就可以使用,并且能兼容到 iOS 6.0+ 和 Android 4.0+,非常适合开发跨平台Web App。cmd脚本语言。

轻量的UI库

SUI Mobile 非常轻量,核心库压缩Gzip后的JS、CSS网络传输体积总共只有52K,却提供了20+个常用的组件。

对于只有HTML&CSS的组件,你只需要复制HTML代码既可以使用。他的大部分JS组件都是独立的 Zepto 插件,并且提供了Zepto/jQuery 风格的API,你将会非常熟悉这种方式。

jQuery UI

jQuery UI 特性:

简单易用

继承 jQuery 简易使用特性,提供高度抽象接口,短期改善网站易用性。

开源免费

采用 MIT & GPL 双协议授权,轻松满足自由产品至企业产品各种授权需求。

广泛兼容

兼容各主流桌面浏览器。包括IE 6+、Firefox 2+、Safari 3+、Opera 9+、Chrome 1+。

轻便快捷

组件间相对独立,可按需加载,避免浪费带宽拖慢网页打开速度。

标准先进

支持 WAI-ARIA,通过标准 XHTML 代码提供渐进增强,保证低端环境可访问性。

美观多变

提供近 20 种预设主题,并可自定义多达 60 项可配置样式规则,提供 24 种背景纹理选择。

jQuery mobile

jQuery Mobile 是针对触屏智能手机与平板电脑的网页开发框架。

jQuery Mobile 构建于 jQuery 以及 jQuery UI类库之上,如果您了解 jQuery,您可以很容易的学习 jQuery Mobile。

jQuery Mobile 使用了极少的 HTML5、CSS3、Java 和 AJAX 脚本代码来完成页面的布局渲染。

想要学习web前端开发的同学,可以参考成都web前端培训班提供的学习大纲;


http://chatgpt.dhexx.cn/article/NRpyF2ab.shtml

相关文章

HTML5基本框架

HTML5基础 主体 一个简单的网页 一般是由是由< head >标签&#xff0c;和< body >标签两个标签组成。 < head>标签&#xff1a; < head >&#xff08;< head >< /head >) 标签负责定义文档头部&#xff0c;定义&#xff0c;描述了文档…

8款实用HTML5开发框架

移动开发技术的发展催生越来越多开发平台和框架。开发者通过使用开发平台和框架能够极大地缩短开发周期和提高应用质量。但是&#xff0c;对于一种应用开发技术而言&#xff0c;应用框架的质量、丰富程度等情况在一定程度上决定了应用的总体质量。所以选择一款质量上乘的开发框…

五款轻量级的web前端框架和H5前端框架

目前主流的web前端框架有&#xff1a;Bootstrap、妹子UI、MUI移动前端框架等之外&#xff0c;国内的一些前端大神和前端大神团队琢磨出了以下几个不错的web前端框架。 第一款前端框架&#xff1a;FrozenUI – 专注于移动web的UI框架 专注于移动web的UI框架&#xff0c;基于腾讯…

html框架

(1) frameset 框架集标签&#xff08;帧窗口&#xff09; 最大的特点&#xff1a; 不能和 body标签共存。 特点&#xff1a;分屏&#xff08;把浏览器进行分割&#xff0c;分割&#xff1a;水平分割和垂直分割&#xff09;帧技术可以使得用户在同一个浏览器中&#xff0c;浏览…

HTML5基础

一.html5的基本框架&#xff1a; <!DOCTYPE html> <html lang"zh-CN"> <head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IEedge"><meta name"viewport" content&…

所见即所得:8款实用HTML5开发框架

转 http://www.csdn.net/article/2013-10-21/2817243-8-useful-html5-frameworks 摘要&#xff1a;HTML5&#xff0c;由于其突出的页面表现能力和本地数据库等功能&#xff0c;被大多浏览器所青睐。此外&#xff0c;通过HTML5开发的移动应用可以在网页上直接地修改&#xff0c…

Oracle REGEXP_SUBSTR函数介绍

一、参数说明 函数&#xff1a;REGEXP_SUBSTR(String, pattern, position, occurrence, modifier) string:需要处理的字符串 pattern&#xff1a;正则表达式 position&#xff1a;起始位置&#xff0c;从字符串的第几个字符开始正则表达式匹配&#xff08;默认为1&#xff09;…

php substr的用法,PHP中substr函数如何使用?

PHP中substr函数的作用是返回字符串的一部分&#xff0c;其语法为“substr(string,start,length)”&#xff0c;其参数string表示返回其中一部分的字符串&#xff0c;参数start表示在字符串的何处开始&#xff0c;参数length表示截取长度。 使用示例<?php echo substr(&qu…

MySQL substr函数使用详解

「作者主页」&#xff1a;士别三日wyx 「作者简介」&#xff1a;CSDN top100、阿里云博客专家、华为云享专家、网络安全领域优质创作者 「专栏简介」&#xff1a;此文章已录入专栏《MySQL数据库快速入门》 substr函数 一、作用二、语法三、使用1. 截取字符串2. 截取查询结果3. …

Oracle中的substr()函数 详解及应用

1、substr函数格式 (俗称&#xff1a;字符截取函数) 格式1&#xff1a; substr(string string, int a, int b); 格式2&#xff1a;substr(string string, int a) ; 解释&#xff1a; 格式1&#xff1a; 1、string 需要截取的字符串 2、a 截取字符串的开始位…

GDAL源码剖析(二)之编译说明

一、简单的编译 1、使用VisualStudio IDE编译 首先进入GDAL的源代码目录&#xff0c;可以看到有几个sln为后缀的文件名&#xff0c;比如makegdal10.sln&#xff0c;makegdal80.sln&#xff0c;makegdal71.sln&#xff0c;makegdal90.sln 。这些文件是VisualStudio的工程文件&…

python gdal安装与简单使用

gdal安装 方式一&#xff1a;在网址 https://www.lfd.uci.edu/~gohlke/pythonlibs/#gdal 下载对应python版本的whl文件&#xff0c;在命令行中pip install whl文件完整路径安装&#xff08;windows方式&#xff09;。 方式二&#xff1a; 命令行conda/pip search gdal查看版本…

GDAL(python) 之GeoTransform

演示 使用GDAL库读出的dataset带有两个重要的地理参数&#xff0c;分别是Projection和GeoTransform。有了这两个参数&#xff0c;就确定了影像的地理位置。 再GDAL for Python中&#xff0c;GeoTransform是一个六个元素的元组。 例如&#xff0c;我找了一个影像&#xff0c;读…

Pycharm安装gdal库

1gdal下载地址https://www.lfd.uci.edu/~gohlke/pythonlibs/#gdal 2复制文件到项目venv\Scripts文件夹下 Shift鼠标右键 在此处打开命令窗口 输入pip install GDAL-3.2.2-cp38-cp38-win_amd64.whl 显示安装成功 或者按shift在此处打开命令窗口 直接输入 pip install GDAL…

新手使用GDAL详细教程

文章是po主参考了很好的GDAL初学者资料&#xff0c;VS2010中项目配置引入GDAL&#xff0c;经过自己的实际操作检验归纳 总结的&#xff0c;仅属于半原创。 首先介绍一下实验的环境&#xff0c;win7下32位系统&#xff0c;预先配置了VS2013。 步骤一&#xff1a;下载GDAL源码。…

Java使用GDAL

在使用Java调用GDAL之前&#xff0c;先说明一下编译。在编译的时候&#xff0c;需要JRE、Ant和SWIG这三个东西&#xff0c;没有的先下载这两个东西&#xff0c;下载完之后&#xff0c;安装&#xff0c;ANT和SWIG直接解压就行&#xff0c;不用安装。接下来用记事本打开nmake.opt…

Gdal环境配置(Windows系统)

​​​​​ 目录 前言 一、下载安装 二、环境配置 三、验证 前言 Gdal是一个空间数据分析处理和格式转换的开源工具。 官方地址&#xff1a;GDAL — GDAL 文档 一、下载安装 下载地址&#xff1a;https://www.gisinternals.com/query.html?contentfilelist&filerel…

VS2022配置GDAL

GDAL&#xff08;Geospatial Data Abstraction Library&#xff09;是一个用于处理地理空间数据的开源库。它提供了一组功能丰富的API&#xff0c;用于读取、写入、转换和处理各种地理空间数据格式&#xff0c;包括栅格数据&#xff08;如卫星图像、数字高程模型&#xff09;和…

GDAL源码剖析(一)

前言&#xff1a;一直在使用和研究GDAL的相关东西&#xff0c;发现网上对GDAL的内容倒是不少&#xff0c;但是很少有系统的介绍说明&#xff0c;以及内部的一些结构说明&#xff0c;基于这些原因&#xff0c;将本人的一些粗浅的理解放在此处&#xff0c;形成一个系列&#xff0…

gis利器之Gdal(一)

现如今&#xff0c;随着很多行业对gis的了解越来越深入&#xff0c;很多关于智慧的标签便纷纷贴上了&#xff0c;比如智慧园区、智慧交通、智慧城市、智慧校园等等诸多的行业深度应用。国内外有很多gis的相关产品&#xff0c;国外有大名鼎鼎的arcgis&#xff0c;国内有超图、ma…