WeUI
WeUI是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信 Web 开发量身设计,可以令用户的使用感知更加统一。包含button、cell、dialog、 progress, toast、article、icon等各式元素。
Frozen UI
Frozen UI是腾讯社交用户体验设计 - 增值UI开发团队一个开源的简单易用,轻量快捷的移动端UI框架。基于手Q样式规范,选取最常用的组件,
做成手Q公用离线包减少请求,升级方式友好,文档完善,目前全面应用在腾讯手Q增值业务中。
FrozenUI提供的CSS组件是目前QQ会员前端开发组所用的通用样式库。遵循手Q样式规范,基本样式使用离线包的方式减少请求,并提供快速接入的方案。
FrozenUI提供的一系列JavaScript插件,更优雅地在移动端上呈现更灵动的动画效果。
FrozenJS 是针对移动端开发的 js 组件库,其依赖 zeptojs 和 FronzenUI。
FrozenJS 的所有组件均以 zepto 的插件的形式存在。
阿里开源的SUI Mobile
SUI Mobile
SUI Mobile 是一套基于 Framework7 开发的UI库。并参考 Ratchet、Fastclick 开源库。它非常轻量、精美,只需要引入我们的CDN文件就可以使用,并且能兼容到 iOS 60 和 Android 40,非常适合开发跨平台Web App。
轻量的UI库 SUI Mobile 非常轻量,核心库压缩Gzip后的JS、CSS网络传输体积总共只有52K,却提供了20个常用的组件。
对于只有HTML&CSS的组件,你只需要复制HTML代码既可以使用。他的大部分JS组件都是独立的 Zepto 插件,并且提供了Zepto/jQuery 风格的API,你将会非常熟悉这种方式。
开发团队:阿里巴巴共享业务事业部UED团队
百度系
GMU
GMU是基于zepto的mobile UI组件库,提供webapp、pad端简单易用的UI组件!
Jingle
Jingle是一个SPA(Single Page Application)开发框架,用来开发移动端的html5应用,在体验上尽量去靠近native应用,希望有一天html5能够做到与native一样的操作体验。
丰富的UI组件提供了按钮、列表、表单、弹出框、轮换、上拉/下拉、日历等各种移动端常用的组件,简单适用,
前后端分离支持前端模板渲染,模板按需自动加载,完善的事件机制。
轻量级基于Zepto开发,依赖了iscrol
purecss
purecss采用其Grid的部分即可,需要定制的部分,建议自行配置,或者是直接采用gridcss,grid960css这样的栅格来处理。Purecss小的没有节操,全部模块gzip压缩后才 44KB 。 考虑到移动端,保持文件尽量小对我们来说非常重要,每一行CSS都经过深思。如果你只用部分模块,简直小的忽略。
Pure基石,Pure基于Normalizecss添加了HTML元素的布局和样式,以及常用的UI组件。全是精华,木有糟粕。
移动端是初衷,Pure是响应式的盒子模型,适应所有尺寸的屏幕。通过皮肤生成器可以自定义样式。
写出你自己的样式,Pure提供最基础的样式,鼓励你基于此写出自己的样式。它被设计为容易覆写,且不影响你自己的样式。
ionic
基于angular2,丰富的UI组件,大大改进的编程模型,非常适合快速开发。
jquery mobile
jQuery Mobile 是创建移动 web 应用程序的框架。
jQuery Mobile 适用于所有流行的智能手机和平板电脑。
jQuery Mobile 使用 HTML5 和 CSS3 通过尽可能少的脚本对页面进行布局。
Bootstrap
Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目。
wex5
国产的ui,支持打包。
前端UI:完全恪守html5css3js,干净纯洁设备api:采用业界主流Phonegap/Cordova
向导、模板:简单定义,即可轻松制作向导和模板
主题、样式:海量bootstrap资源引入和定制
UI组件:纯H5CSS3,轻松引入第三方UI组件
插件:轻松对接即时通讯、推送、支付等各类插件
后端:轻松调用后端组件和api,并实现可视化
web前端的主流框架,下面,我给大家具体介绍一下:
1Angular:Angular是一个优秀的前端JS框架。Angular有很多特性,核心是MVW(Model-View-Whatever)、模块化、自动双向数据绑定、语义标注、依赖注入等。Angular是一个比较完整的前端框架,包含了服务、模板、双向数据绑定、模块化、路由、过滤器、依赖注入等所有功能。自定义指令后可以在项目中多次使用。
2React:React可以非常容易地创建用户界面。为应用程序的每个状态设计简洁的视图,React还可以在数据发生变化时高效地更新渲染界面。React为你的程序编写独立的模块化UI组件,这样当一个或一些组件出现问题时,可以很容易地隔离出来。
3Vue:最近几年最火的前端框架是Vuejs,这是一个构建数据驱动Web界面的渐进式框架。Vuejs的目标是通过尽可能简单的API实现响应和组合视图组件的数据绑定。Vue是模块友好的,可以通过NPM、鲍尔或Duo安装。它不会强制你所有的代码都遵循Angular的各种规定,使用场景更加灵活。
以上三个是我给大家介绍的web前端主流框架。希望我的回答对你有帮助。
给你介绍Web前端三大主流框架
React:
1声明式设计:React采用声明范式,可以轻松描述应用。
2高效:React通过对DOM的模拟,最大限度地减少与DOM的交互。
3灵活:React可以与已知的库或框架很好地配合。
优点:
1速度快:在UI渲染过程中,React通过在虚拟DOM中的微操作来实现对实际DOM的局部更新。
2跨浏览器兼容:虚拟DOM帮助我们解决了跨浏览器问题,它为我们提供了标准化的API,甚至在IE8中都是没问题的。
3模块化:为你程序编写独立的模块化UI组件,这样当某个或某些组件出现问题是,可以方便地进行隔离。
4单向数据流:Flux是一个用于在JavaScript应用中创建单向数据层的架构5同构、纯粹的javascript:因为搜索引擎的爬虫程序依赖的是服务端响应而不是JavaScript的执行,预渲染你的应用有助于搜索引擎优化。6兼容性好:比如使用RequireJS来加载和打包,而Browserify和Webpack适用于构建大型应用。它们使得那些艰难的任务不再让人望而生畏。缺点:React本身只是一个V而已,并不是一个完整的框架,所以如果是大型项目想要一套完整的框架的话,基本都需要加上ReactRouter和Flux才能写大型应用。
Vue:
Vue是尤雨溪编写的一个构建数据驱动的Web界面的库,准确来说不是一个框架,它聚焦在V(view)视图层。
它有以下的特性:
1轻量级的框架
2双向数据绑定
3指令
4插件化
优点:
1简单:官方文档很清晰,比Angular简单易学。
2快速:异步批处理方式更新DOM。
3组合:用解耦的、可复用的组件组合你的应用程序。
4紧凑:~18kbmingzip,且无依赖。
5强大:表达式无需声明依赖的可推导属性()。
6对模块友好:可以通过NPM、Bower或Duo安装,不强迫你所有的代码都遵循Angular的各种规定,使用场景更加灵活。
缺点:
1新生儿:Vuejs是一个新的项目,没有angular那么成熟。
2影响度不是很大:google了一下,有关于Vuejs多样性或者说丰富性少于其他一些有名的库。
3不支持IE8。
Angular:
Angular是一款优秀的前端JS框架,已经被用于Google的多款产品当中。
它有以下的特性:
1良好的应用程序结构
2双向数据绑定
3指令
4HTML模板
5可嵌入、注入和测试
优点:
1模板功能强大丰富,自带了极其丰富的angular指令。
2是一个比较完善的前端框架,包含服务,模板,数据双向绑定,模块化,路由,过滤器,依赖注入等所有功能;3自定义指令,自定义指令后可以在项目中多次使用。
4ng模块化比较大胆的引入了Java的一些东西(依赖注入),能够很容易的写出可复用的代码,对于敏捷开发的团队来说非常有帮助。
5angularjs是互联网巨人谷歌开发,这也意味着他有一个坚实的基础和社区支持。
缺点:
1angular入门很容易但深入后概念很多,学习中较难理解。
2文档例子非常少,官方的文档基本只写了api,一个例子都没有,很多时候具体怎么用都是google来的,或直接问misko,angular的作者。
3对IE6/7兼容不算特别好,就是可以用jQuery自己手写代码解决一些。
4指令的应用的最佳实践教程少,angular其实很灵活,如果不看一些作者的使用原则,很容易写出四不像的代码,例如js中还是像jQuery的思想有很多dom操作。
5DI依赖注入如果代码压缩需要显示声明。
JSHTML模板开发是一种基于JavaScript的模板语言开发方式,可以用于构建动态网站的前端和后端页面。在JSHTML模板中,可以通过JavaScript语句和表达式动态生成HTML页面。JSHTML模板通常用于构建动态、交互性强的Web应用程序。
前端开发则是指构建Web应用程序的前端界面,通常包括HTML、CSS和JavaScript等技术。前端开发需要掌握HTML、CSS、JavaScript等技术,同时需要熟悉各种前端框架、库和工具。
虽然JSHTML模板和前端开发都是构建Web应用程序的方式,但JSHTML模板更强调模板语言的使用,而前端开发更注重对各种前端技术的深入掌握。
欢迎分享,转载请注明来源:浪漫分享网
评论列表(0条)