html5前端框架
A. web前端主流框架主要有哪些
现在主流的三大框架是:Angular,React,Vue。
AngularJS诞生于2009年,由Misko Hevery等人创建而成,后来被Google收购,AngularJS弥补了html在构建应用方面的不足,它是一款优秀的前端JS框架,通过使用标识符结构来扩展Web应用中的HTML词汇,使得开发者能够使用HTML来声明动态内容。
React 是一个 Facebook 和 Instagram 用来创建用户界面的javaScript 库。很多人认为 React 是 MVC 中的 V(视图)。我们创造 React 是为了解决一个问题:构建随着时间数据不断变化的大规模应用程序。React 可以非常轻松地创建用户交互界面。为你应用的每一个状态设计简洁的视图,在数据改变时 React 也可以高效地更新渲染界面。
近几年最火的前端框架当属Vue.js了,Vue.js是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件,相比其它的 MVVM 框架,Vue.js 更容易上手。很多使用过vue的程序员这样评价它,“vue.js兼具angular.js和react.js的优点,并剔除了它们的缺点”。
B. 开发html5 用什么框架
Ionic 是一个神奇的框架和强大前端开源系统,使用先进的 web 技术比如 CSS、HTML 和 JS 来创建令人惊叹的回手机应答用。它已经定制了在所有手机设备上的快速操作,并且确保简单的功能和大量的手机组件。
Siimpler 是一个简单的 HTML 开发框架,他可以通过选择你自己喜欢的部分,来帮助你快速又简单的创建 HTML5 开发结构。根据你的项目需求,你可运用 Siimpler 开发你自己熟悉的前端结构。网络设计者们也可以通过使用 Siimpler 框架类的文件和文件夹来无缝的开始一个 web 项目。
C. 主流HTML5移动web开发框架
肯定使用框架啊,不然还原生 JS、自己写样式?
H5 做移动开发也分两种,一种就是正常的网页,一种是封装的成 App 在手机上跑的。下面我只大致介绍一下又哪些框架,具体的特性不是三两句能说完的,题主可以自行搜索相关资料。
后者比较知名的框架就是 PhoneGap、MUI 等等了。
而前者具体分的话还分 CSS 框架和 JS 框架。样式框架有很多了,常见的有 jQuery Mobile、Bootstrap、Kendo UI、Amaze UI 等等。JS 框架一般是 AngularJS、Backbone、ReactJS 等等,但说实话这些 JS 框架都比较繁重,一般是为比较复杂的场景设计的,如果你的页面需求很简单,那么大可以不用它们只用样式框架就好了。
值得一提的是国内 BAT 三大巨头也分别有自己的 H5 框架,并且都已经开源了,网络的是 GMU(Global Mobile UI)、Clouda+、EFE 这三个,阿里的是 Kissy Mobile,腾讯的是 Frozen UI。
D. 开发html5用什么框架
1. JX(腾讯)
JX 是一个类似 Google Closure Library 的 Web 前端开发框架,服役于 WebQQ 等大规模的 WebApp。
JX 是模块化的非侵入式Web前端框架,开发于2008年,并于2009年开源于GoogleCode ,于2012年切换到Github。 JX 框架同时适用于 Web Page 和 Web App 项目的开发,特别适合构建和组织大规模、工业级的Web App,腾讯 WebQQ、腾讯Q+等产品都是采用JX框架开发,兼容目前所有主流浏览器。
腾讯团队打造的前端开发框架JX
详情请参考:JX
2. KISSY(淘宝)
KISSY是淘宝的前端类库,几乎在淘宝的每个页面上都能看到它的身影。
KISSY提供稳定的核心,包括 oo、dom、Event、Anim、Ajax 等;强大且易用的脚本加载器,特有的 loader;丰富的UI组件,包括 Switchable、Overlay、Draggable and Droppable 等。KISSY具备模块化、高扩展性、组件齐全等特性。
详情请参考:KISSY
3. QWrap(网络)
QWrap是网络有啊前端团队推出的一个Javascript框架,支持IE6+、Firefox、Chrome、Safari、Opera等浏览器,在BSD协议下开源发布。
QWrap的特点如下:
1. 提供jQuery一样方便的dom功能,同时又打破jQuery“专注于dom”的约束,也提供非dom的许多功能。
2. 提供prototype方便的原型功能,同时又提供Javascript1.6的泛型功能,并且提供用户有选择方便与严谨的自由。
3. 提供YUI2一样的静态方法库,同时又用所谓的Helper规范来做到真正的绝对静态,让组件开发者可以发布出无依赖的组件。
4. 学习YUI3的use,同时又摈弃YUI3的严谨性洁癖,让use更实用。
5. QWrap独创特的Helper + Wrap + Retouch + Apps设计,让QWrap有更多的灵性等待你去发现。
4. Tangram(网络)
Tangram是一款实用的JavaScript基础库,通过它可以快速构建出高度互动的Web应用程序。Tangram具有全浏览器兼容,平滑升级体验以及自由定制输出最小尺寸的特点。
5. Como(康尚实验室)
omo JS
Como由上海康尚实验室开发,是一款简易而功能强大的JS框架,对String等原生对象进行了扩展,支持常用的CSS选择器,高效的动画播放,强大的包扩展机制,支持类的继承等。
E. html5前端开发,有没有比较好的前端框架
现在主流就几个,国内使用VUE的比较多,优点是:国人做的,文档阅读,完善都不错。淘宝,知乎和国外的大厂使用的React较多,优点是和原生交互会简单点,但入门要求会比VUE高点,还有就是angular,这个我没用过,不好评价,你如果用了,欢迎交流
F. 手机html5前端开发用什么框架
jquery mobile和bootstrap都是较好的框架。为了使用便利,下文列举了目前最强大应用最广泛的几款前端开发框架。
1. Bootstrap
Boostrap绝对是目前最流行用得最广泛的一款框架。它是一套优美,直观并且给力的web设计工具包,可以用来开发跨浏览器兼容并且美观大气的页面。它提供了很多流行的样式简洁的UI组件,栅格系统以及一些常用的JavaScript插件。
2. Fbootstrapp
Fbootstrapp基于Bootstrap并且提供了跟Facebook iframe apps和设计相同的功能。包含用于所有标准组件的基本的CSS和HTML,包括排版、表单、按钮、表格、栅格、导航等等,风格与Facebook类似。
3. BootMetro
BootMetro框架的灵感来自于Metro UI CSS,基于Bootstrap 框架构建,用于创建Windows 8 的Metro风格的网站。它包括所有Bootstrap的功能,并添加了几个额外的功能,比如页面平铺,应用程序栏等等。
4. Kickstrap
Kickstrap是Bootstrap的一个变体。它基于Bootstrap,并在它的基础上添加了许多app,主题以及附加功能。这使得这个框架可以单独地用于构建网站,而不需要额外安装什么。你需要做的仅仅是把它放到你的网站上,然后用就可以了。
5. Foundation
Foundation 是一款强大的,功能丰富的并且支持响应式布局的前端开发框架,你可以通过Foundation快速创建原型,利用它所包含的大量布局框架,元素以及最优范例快速创建在各种设备上可以正常运行的网站以及app。Foundation在构建的时候秉承移动优先的策略,它拥有大量实用的语义化功能,并且使用Zepto类库来取代jQuery,这样可以带来更好的用户体验,并且提高运行的速度。
6. GroundworkCSS
GroundworkCSS 是前端框架家族里面新添的一款小清新框架。它是基于Sass和Compass的一个高级响应式的HTML5,CSS以及JavaScript工具包,可以用于快速创建原型并且建立在各种浏览设备上可以正常工作的网站和app。
7. Gumby
Gumby 是一款基于Sass和Compass的简单灵活并且稳定的前端开发框架。
它的流式-固定布局(fluid-fixed layout)可以根据桌面端以及移动设备的分辨率自动优化要呈现的网页内容。它支持多种网格布局,包括多列混杂的嵌套模式。Gumby提供两套PSD的模板,方便你在12列和16列的网格系统上进行设计。
8. HTML KickStart
HTML Kickstart 是一款可以用来方便创建任何布局的集合HTML5,CSS和jQuery的工具包。它提供了干净,符合标准以及跨浏览器兼容的代码。
9. IVORY
IVORY 是一款轻量,简单但是强大的前端框架,可以用于320到1200像素宽度的响应式布局。它基于12列的响应式网格布局,包含表格,按钮,表格,分页,拨动开关,工具提示,手风琴,选项卡等网站中常用的组件和样式。
10.Kube
最后,如果你的新项目需要一款实在的,不需要复杂的额外功能组件的,足够简单的框架,那么 Kube 将会是你正确的选择。Kube是一款最小化的,支持响应式的前端框架,它没有强加的样式设计,因此给了你充分的自由来开发自己的样式表。它提供了一些web元素的基本样式,比如网格,表单,排版,表格,按钮,导航,链接以及图片等等。
G. HTML5跟web前端区别
什么是html5?
html5其实是一种技术的集合,它包括了html5,CSS3,JS等技术。而web前端则是一种职业,国内从2005年开始发展的,是由网页设计师演变过来的。如果从技术上说,web前端涉及到的技术有很多,包括html5,除此之外还有JSON,AJAX,DOM等。不过这也看具体的公司吧,不同的公司对WEB前端开发人员的技术要求也不一样。
什么是web前端?
再传统规的意义上来讲,网站是分为前端和后端的,前端就是我们俗称的页面以及我们经常看到的各种展示效果,后端则是管理按照理解来讲后台主要是指管理、更新、维护网站的后台。
网络是这样定义的:主要职责是利用(X)HTML/CSS/Java/Flash等各种Web技术进行客户端产品的开发。完成客户端程序(也就是浏览器端)的开发,开发Java以及Flash模块,同时结合后台开发技术模拟整体效果,进行丰富互联网的Web开发,致力于通过技术改善用户体验。
通常意义上来讲,web前端工程师,不仅要会开发而且还要会移动开发。也就是说,我们学习web 的时候也是需要学习html5技术的。据了解,现在企业招聘的用人标准都是会包含会html5开发这一条。
就是说html5与web前端技术他们是一种从属的关系,html5是属于前端web开发的一部分,但web开发所包含的技术就很广阔了。除了html5还需要学习其他的技术如:CSS、div、Java、jQuery、网站性能优化、SEO、PHP基础和服务器端的基础知识
H. 热门的HTML5框架有哪些
Ionic 是一个神奇的框架和强大前端开源系统,使用先进的 web 技术比如 CSS、HTML 和 JS 来创建令人惊叹的手机应用。它已经定制了在所有手机设备上的快速操作,并且确保简单的功能和大量的手机组件。
您可以通过一个命令创建来测试和使用基于任何平台上的 ionic 应用。此外,该框架为它自己的组件提供了一套 Angular 指令(自定义的 HTML 元素),从而使它可以简单的编写一行 HTML 代码。类似指令,它使用视图动画逻辑,异步通信,Angular 的触摸识别和 HTML 清洁处理。
Siimpler 是一个简单的 HTML 开发框架,他可以通过选择你自己喜欢的部分,来帮助你快速又简单的创建 HTML5 开发结构。根据你的项目需求,你可运用 Siimpler 开发你自己熟悉的前端结构。网络设计者们也可以通过使用 Siimpler 框架类的文件和文件夹来无缝的开始一个 web 项目。
Foundation 是世界上最精妙的前端响应框架,同时,它可以兼容所有的浏览器和网络设备。Foundation 拥有移动友好型的用户接口,并且获得了许多的原件来帮助你快速又完美的建立一个响应站点。Foundation 设置了许多关键的特性,例如 HTML,CSS UI 原件,模板,小代码块,含有按钮,表单,字体,导航等功能的响应组件。
I. html5有没有类似jqueryui的框架
jQuery UI是以 jQuery 为基础的开源 JavaScript 网页用户界面代码库。包含底层用户交互、动画、特效和可更换主题的可视控件。我们可以直接用它来构建具有很好交互性的web应用程序。所有插件测试能兼容IE 6.0+, Firefox 3+, Safari 3.1+, Opera 9.6+, 和GoogleChrome。
目前,前端开发领域类似于有一下几个:
1、jQuery EasyUI
jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解的只有一些简单的html标签。
2、Bootstrap
Bootstrap,来自 Twitter,是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。 它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目。 国内一些移动开发者较为熟悉的框架,如WeX5前端开源框架等,也是基于Bootstrap源码进行性能优化而来。
3、Boilerplate
Boilerplate是一个由 Paul Irish(Google Chrome 开发人员、jQuery 项目成员、Modernizr 作者、yayQuery 播客主持人)主导的“前端开发模版”。
HTML5 Boilerplate 是一套具有非常多先进特性的框架,其特性简单介绍如下:
(1)由 Paul Irish 首创的在 HTML 页面的 body 上使用 IE 条件注释判断浏览器版本,从而大大简化了针对 IE Hack 的成本(在后来的版本中升级为在 <html> 标签中加入条件注释) (2)HTML5 集成,默认使用了很多 HTML5 的特性,并且使其兼容旧版本浏览器
(3)大量针对服务器的默认配置,无需修改即可配置一个安全、标准的 web 服务器
(4)完整的 JS 调试机制 —— 即使在 IE 下
(5)大量使用 CSS3 技术,并且集成了几乎所有来自框架中和技术大牛们口头相传的 CSS 技巧
(6)为所有浏览环境做了优化,包括移动版本和打印版本
(7)默认内置 Modernizr,可以检测浏览器对新特性的支持能力,方便针对旧版本浏览器优化
4、 jQuery Mobile
jQuery Mobile是jQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQuery Mobile开发团队说:能开发这个项目,我们非常兴奋。移动Web太需要一个跨浏览器的框架,让开发人员开发出真正的移动Web网站。