HTML5都有哪些主流框架

Posted 2023-05-11

对于参加杭州Web前端培训班的人来说，他们的课程安排是从基础到进阶，并由专业的老师引导教学。在具备一定的理论基础之后，还需要学习前端框架，目的是减少重复的劳动，提高工作效率并增加安全性，而这也是很多企业在面试过程中经常提问的知识点。今天就给大家介绍一下Web前端三大主流框架。
目前比较流行的前端三大框架是Angular、React、Vue，三者各有所长。
1、Angular
Angular是一个javascript框架，最为核心的是：MVC(Model–view–controller)、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。Angular通过指令扩展了html，以一个 JavaScript文件形式发布，通过script标签添加到网页中。Angular的优势在于：零配置、深度整合设计模式、约定才是框架的本质。不过对于JavaScript工程师来说，少有工程化的经验，学习起来会比较痛苦。

2、React
React是一个Facebook和Instagram用来创建用户界面的JavaScript库，用于构建页面、Javascript库。主要功能是对DOM操作，声明式设计，更快的开发出Web应用系统。借助React，你可以非常轻松地创建用户交互界面，为你应用的每一个状态设计简洁的视图。在数据改变时，React也可以高效地更新渲染界面。
3、Vue
Vue是用于构建交互式的Web界面的库，它提供了MVVM数据绑定和一个可组合的组件系统，具有简单、灵活的 API。从技术上讲，Vue集中在MVVM模式上的视图模型层，并通过双向数据绑定连接视图和模型。实际的DOM操作和输出格式被抽象出来成指令和过滤器，相比其它的MVVM框架，Vue更容易上手。
综上所述，在大型超大型Web应用开发上比较看好Angular，个性化需求、中型应用更倾向选择React，在小型应用上则看好Vue。当然不同企业会有不同的需求，所选用的框架也不一样，但只要你具备扎实的理论基础，就可以很快上手这些框架。 参考技术A

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应用开发的主流技术都有哪些？

参考技术A

web应用开发的主流技术举例（后台以最主流的java语言为例）：

1、后台框架部分，SpringMVC

SpringMVC基于Java实现了Web MVC设计模式，请求驱动类型的轻量级Web框架，即使用了MVC架构模式的思想，将Web层进行职责解耦；

2、数据持久层方面，MyBatis

MyBatis 持久层框架支持定制化 SQL、存储过程以及高级映射。MyBatis避免了几乎所有的 JDBC 代码和手动设置参数以及获取结果集。MyBatis可以使用简单的 XML 或注解来配置和映射原生类型、接口和 Java 的 POJO为数据库中的记录。

3、前端js框架，vue

Vue用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，方便与第三方库或既有项目整合。；

4、前端桌面组建库，element

Element，为开发者、设计师和产品经理准备了完善漂亮的基于 Vue 2.0 的桌面端组件库。

5、数据库层技术，jdbc

JDBC（java数据库连接）用于执行SQL语句的Java API，可以为多种关系数据库提供统一访问，它由一组用Java语言编写的类和接口组成。JDBC提供了一种基准，据此可以构建更高级的工具和接口，使数据库开发人员能够编写数据库应用程序。

6、缓存技术，redis

Redis是一个开源的使用ANSI C语言编写、支持网络、可基于内存亦可持久化的日志型、Key-Value数据库，并提供多种语言的API。

7、搜索引擎技术，elasticsearch

ElasticSearch基于Lucene的搜索服务器，提供了一个分布式多用户能力的全文搜索引擎，基于RESTful web接口。Elasticsearch是用Java开发的，并作为Apache许可条款下的开放源码发布，是当前流行的企业级搜索引擎。

设计用于云计算中，能够达到实时搜索，稳定，可靠，快速，安装使用方便。