html5如何开发组件，html5开发框架有哪些

当前网站开发较成熟的ui组件有哪些_前端ui组件开发

Vue.js 常用的 UI 组件库有很多，以下是一些常用的： **Element UI**：是一套为开发者、设计师和产品经理准备的基于 Vue 0 的桌面端组件库。

uiKit uiKit是一款轻量级、模块化的前端框架，可快速构建强大的web前端界面。H-ui H-ui是轻量级前端框架，简单免费，兼容性好，适用于中国网站。

at-ui at-ui 是一款阿里团队创建的基于 Vue x 的前端 UI 组件库，主要用于快速开发 PC 网站产品。 它提供了一套 npmwebpackbabel 前端开发工作流程，CSS 样式独立，即使采用不同的框架实现都能保持统一的 UI 风格。

前端ui框架有：适合移动端的UI框架(Mint UI、SUI Mobile、Weui等)，适合PC 端的UI框架(iView、Element UI、SUI、H-ui等)，适合混合开发的UI框架(ionic、Framework7等)，以下是具体的内容介绍。

相关问答

Q1: HTML5开发工具有哪些

Initializr 是制作 HTML5 网站最好的入门辅助开发工具，你可以使用提供的特色模板快速生成网站，也可以自定义，Initializr 会为你生成代码简洁的可定制的网页模板。

MyEclipseMyEclipse，是十分优秀的用于开发Java、J2EE的Eclipse插件集合，MyEclipse的功能非常强大，支持也十分广泛，尤其是对各种开源产品的支持十分不错。

第【Google Web Toolkit】是现在大家还不熟悉的工具之一，主要用于开发浏览器应用的一个工具，不过库中支持很多【HTML5】的功能，包括对客户端，或者是web存储的支持，都可以实现。

HTML5 Reset 是一组文件，包括 HTML、CSS 等，用于在开始新项目的时候帮助你节省时间，提供 HTML5 的空白WordPress模板。

③：MobileAngularUI MobileAngularUI是使用bootstrap3和AngularJS的响应式移动开发HTML5框架。

Q2: html5常用的开发工具是哪些?

HTML5的优势有： 解决了跨浏览器问题，新增了多个新特性，用户优先的原则，化繁为简的优势等。 常用的网页开发工具包括： Editplus、notepad++、sublime、Dreamweaver、HBuilder、WebStorm等。

Initializr Initializr是制作HTML5网站最好的入门辅助开发工具，你可以使用提供的特色模板快速生成网站，也可以自定义，Initializr会为你生成代码简洁的可定制的网页模板。

第【Google Web Toolkit】是现在大家还不熟悉的工具之一，主要用于开发浏览器应用的一个工具，不过库中支持很多【HTML5】的功能，包括对客户端，或者是web存储的支持，都可以实现。

Q3: html5怎么封装可复用组件啊???

1、HBuilder算是不错的封装工具。还有很多其他的工具也可以尝试，各有特色。

2、通知组件 notie.js HTML5播放器 jwplayer被大量网站使用 html5media简单的h5player，轻量级 jplayer功能强太，可换肤 展示 Impress.js各种旋转，和奇特的体验 fullPage全屏显示。

3、MobileAngularUI是使用bootstrap3和AngularJS的响应式移动开发HTML5框架。MobileAngularUI的关键字有：Bootstrap3 AngularJS Bootstrap3Mobile组件，比如switches，overlays和sidebars，这些都是bootstrap中没有的。

4、它还提供一系列可复用组件，从而实现导航、下拉菜单、面包屑导航、排版、提醒以及进度条等功能。GroundworkCSS2是一款响应式HTMLCSS以及JavaScript框架。

5、SenchaTouchSenchaTouch是第一个基于HTML5的移动应用框架，利用JavaScript、HTML5和CSS3来构建移动应用程序，该框架利用本地代理存储离线数据，具体使用HTML5来渲染视频和音频组件。

Q4: 5个超级实用的html5开发工具推荐

1、Initializr Initializr 是制作 HTML5 网站最好的入门辅助开发工具，你可以使用提供的.特色模板快速生成网站，也可以自定义，Initializr 会为你生成代码简洁的可定制的网页模板。

2、AdobeEdge AdobeEdge的目的是帮助专业设计师制作网页动画乃至简单游戏。该工具的重点放在动画引擎上，但adobe承诺将增加更多HTML5功能，比如Canvas、HTML5音频/视频标签等。

3、Initializr Initializr是制作HTML5网站最好的入门辅助开发工具，你可以使用提供的特色模板快速生成网站，也可以自定义，Initializr会为你生成代码简洁的可定制的网页模板。

4、HBuilderhbuilder是DCloud推出的一款支持HTML5的Web开发IDE。快，是HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块等，大幅提升HTML、js、css的开发效率。同时，它还包括最全面的语法库和浏览器兼容性数据。

5、WebStorm是一款强大的HTML5/前端开发工具，被广大JS开发者誉为“Web前端开发神器”。WebStorm 8全新特性中包括对AngularJS的支持，能够高效准确地智能感知Angular语法、指令。

Q5: html5app开发框架有哪些(用html5开发的app实例)

AdobeEdge AdobeEdge的目的是帮助专业设计师制作网页动画乃至简单游戏。该工具的重点放在动画引擎上，但adobe承诺将增加更多HTML5功能，比如Canvas、HTML5音频/视频标签等。

ionic框架Ionic 是一个强大的 HTML5 应用程序开发框架，可以帮助您使用 Web 技术，比如 HTML、CSS 和 Javascript 构建接近原生体验的移动应用程序。

Lungo是一款基于HTML5的开发框架，专为想要设计、构建和共享跨设备应用的开发者而准备。支持开放的Web标准，如HTMLCSS3和JavaScript；支持手机、电视以及桌面设备。

SenchaTouch2是移动应用框架，也被看作是Sencha的HTML5平台。开发者可以用它开发面向iOS、Android和Blackberry、KindleFire等多种平台的移动应用。

Siimpler Siimpler 是个简单的 HTML 开发框架，他可以通过选择你自己喜欢的部分，来帮助你迅速又简单地创建 HTML5 开发结构。网络设计者们也可以通过使用 Siimpler 框架类的文件和文件夹来无缝的开始一个 Web 项目。

关于html5如何开发组件和html5开发框架有哪些的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。