HTML5有哪些主流框架

html-css08

HTML5有哪些主流框架,第1张

对于参加杭州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。当然不同企业会有不同的需求,所选用的框架也不一样,但只要你具备扎实的理论基础,就可以很快上手这些框架。

1. Twitter BootStrap (Apache v2.0;响应式)

时髦、直观并且强大的前端框架,让Web开发变得更加容易。

2. Foundation (MIT;响应式)

最先进的响应式前端框架。

3. 960gs(GPL&MIT;响应式)

960gs提供了一个简单的网格系统,适合快速开发。

4. Skeleton(MIT;响应式)

非常漂亮的Web模板,适合响应式、移动友好的开发。

5. 99lime HTML KickStart(Free)

适合网站快速开发的极简HTML构建模块。

6. Kube(Free;响应式)

面向专业人员的CSS框架。

7. Less Framework(MIT;响应式)

自适应的CSS网格系统。

8. Flameinwork(Free)

适合懒人开发者的前端微框架。

9. G5 Framework(Free)

(x)HTML5、CSS、PHP前端开发框架。

10. Easy Framework(Free)

Easy Framework是一个一体化前端解决方案,分structural、 presentational、interactive三层。

11. Blueprint(Free)

一个旨在减少开发时间的前端框架。

12. YAML(Creative Commons)

(x)HTML+CSS框架,适合开发现代化浮动布局。

13. BlueTrip(Free)

一个功能全面、并且美丽的CSS框架,适合于Blueprint搭配使用。

14. YUI3:Grids CSS(BSD)

YUI Grids CSS是最著名的CSS框架之一,是由Yahoo开发小组开发而成。 YUI Grids CSS为开发者提供了预先设置的四种不同页面宽度,六种不同的模板。

15. 52framework(Creative Commons)

对HTML5支持非常好,简单易用。

16. elastiCSS(MIT)

一个基于Web接口和印刷布局的简单CSS框架。

17. Emastic(Free)

一个与众不同的CSS框架。

18. Fluid 960 Gride System(GPL/MIT)

Fluid 960 Grid System的模版是根据Nathan Smith之前的作品而创建的。即960 Grid System:传承了MooTools和jQuery JavaScript libraries的效果。

19. xCSS(MIT)

一个面向对象的CSS框架,能让你的工作流更加简洁。xCSS基于CSS,可以在开发复杂样式时,提供面向对象的工作流。

20. EM CSS Framework(MIT/GPL)

EM CSS Framework提供了一个960px宽 + 12 列网格系统 + CSS的通用样式。

①:PhoneGap

PhoneGap 恐怕是最老的一个框架了,相信很多人都已经听说过甚至使用过它,但是PhoneGap是基于开源的cordova 商业版本。

②:Ionic

IONIC 是目前最有潜力的一款HTML5手机应用开发框架。通过SASS构建应用程序,它提供了很多UI组件来帮助开发者开发强大的应用。它使用 JavaScript MVVM框架和 AngularJS来增强应用。提供数据的双向绑定,使用它成为Web和移动开发者的共同选择。

③:Mobile Angular UI

Mobile Angular UI是使用 bootstrap 3 和 AngularJS 的响应式移动开发HTML5框架。

Mobile Angular UI的关键字有:

Bootstrap 3

AngularJS

Bootstrap 3 Mobile组件,比如switches, overlays和sidebars,这些都是bootstrap中没有的。

AngularJS modules, 比如 angular-route, angular-touch 和 angular-animate

响应式媒体查询是将bootstrap作为单独的文件,你只需要包含你所需要的东西。Mobile Angular UIu并不包含任何jQuery依赖,你需要做的只是通过一些AngularJS指令创建友好的用户体验。

④:Intel XDK

Intel XDK 是Inter开发的一款跨平台开发工具,我们可以很容易的通过Intel XDK开发应用,你需要做的只是下载他们的应用开发工具 ,有Linux、Windows和Mac版,它还提供了很多个开发框架,比如Twitter bootstrap, jQuery Mobile 和 Topcoat.

⑤:Appcelerator Titanium

 Appcelerator’s Titanium 不同于其它框架的是,它是一个开源的框架。

 Titanium是混合式移动应用开发的一站式解决方案,你只需要下载 Titanium studio就可以解决所有的事情,Titanium SDK包含了很多手机平台的APIs和后端云服务。

 Titanium使用 Alloy,Alloy是一个快速开发的手机应用MVC框架, 模块式开发可以大大减小开发时间,提高代码复用。

⑥:Sencha Touch

Sencha Touch 同样也是HTML5手机应用跨平台开发框架,运行iOS/Android/Blackberry。它已经诞生很多年了,现在已经成为很常用的混合式编程开发框架。

Sencha Touch可以让你的Web App看起来像Native App。美丽的用户界面组件和丰富的数据管理,全部基于最新的HTML5和CSS3的 WEB标准,全面兼容Android和Apple iOS设备。

⑦:Kendo UI

Telerik’s Kendo UI 是一个强大的框架用于快速HTML5 UI开发。基于最新的HTML5、CSS3和JavaScript标准。

Kendo UI包含了开发现代JavaScript开发所需要的所有一切,包括:强大的数据源,通用的拖拉(Drag-and-Drop)功能,模板,和UI控件。