码迷,mamicode.com
首页 > 其他好文 > 详细

做UI常用的一些第三方框架

时间:2015-03-04 17:01:48      阅读:233      评论:0      收藏:0      [点我收藏+]

标签:ui框架   jquery mobile   jquery ui   bootstrap   html5   

     做UI有端时间了,最近算不是太忙,记录一下经常用到的UI框架,方便以后自己的使用,同时也提供志同道合的开发人员参

考。前段时间,在eoeAndroid网站论坛上的一个IOS的UI调查活动中,看到很多开发IOS的人员抱怨基础不好,技术不精湛,努力了

很多,结果能力的提高不是很明显。然后有一个专家大神解答:一个APP的关键在于UI功能上的流畅,APP的UI做很好看,很时尚,

给用户一种  “眼前一亮” 、“山重水复疑无路,柳暗花明又一村”的感觉,而对于那些加载数据、下载图片、消息推送、即时通

讯等功能,都有很多的第三方 框架可以做到。从这个例子中,可以看出来带给用户直观的感觉还是UI方面;另一方面的,通过了解

招聘的情况看来,UI开发的人员还是蛮缺的,所以,学好UI,做好UI很重要。当然,做UI开发的也有一些常用的第三方框架,掌握

了解了这些常用的第三方UI框架,使用起来就方便多了。常用的一些第三方框架:

     1、常用网页上做统计图框架:

           Highcharts 框架:

                Highcharts 已经被成千上万开发者及 61 个全球100强企业使用。Highcharts已经成为最灵活简单的图表工具

                开发官网:http://www.hcharts.cn/index.php(更多了解)

          ECharts 框架:

             Echarts 是基于 Canvas,纯 JavaScript 图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。

             优势:Echarts 提供商业产品常用图表库,底层基于 ZRender,创建了坐标系,图例,提示,工具箱等基础组件,并在此上构建出折线图(区域 图)、柱状图(条状图)、散点图(气泡图)、饼图(环形图)、K线图、地图、和弦图以及力导向布局图,同时支持任意维度的堆积和多图表混合展现。

            劣势:在功能上比 hightchars 还是稍弱,对手机浏览器支持不是十分理想。

    2、常用网页制作框架:

         Bootstrap框架:

            Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。

          Bootstrap 包的内容
            基本结构:Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构。这将在 Bootstrap 基本结构 部分详细讲解。
           SS:Bootstrap 自带以下特性:全局的 CSS 设置、定义基本的 HTML 元素样式、可扩展的 class,以及一个先进的网格系统。这将在 Bootstrap CSS 部分详细讲解。
         组件:Bootstrap 包含了十几个可重用的组件,用于创建图像、下拉菜单、导航、警告框、弹出框等等。这将在 布局组件 部分详细讲解。
JavaScript 插件:Bootstrap 包含了十几个自定义的 jQuery 插件。您可以直接包含所有的插件,也可以逐个包含这些插件。这将在 Bootstrap 插件 部分详细讲解。
定制:您可以定制 Bootstrap 的组件、LESS 变量和 jQuery 插件来得到您自己的版本。


          jQuery EasyUI框架:

         Query EasyUI 是一个基于 jQuery 的框架,集成了各种用户界面插件。
jQuery EasyUI 框架提供了创建网页所需的一切,帮助您轻松建立站点。本教程将告诉您如何使用 jQuery EasyUI 框架创建应用。

  jQuery UI框架:
        jQuery UI 是建立在 jQuery JavaScript 库上的一组用户界面交互、特效、小部件及主题。无论您是创建高度交互的 Web 应用程序还是仅仅向窗体控件添加一个日期选择器,jQuery UI 都是一个完美的选择。
jQuery UI 包含了许多维持状态的小部件(Widget),因此,它与典型的 jQuery 插件使用模式略有不同。所有的 jQuery UI 小部件(Widget)使用相同的模式,所以,只要您学会使用其中一个,您就知道如何使用其他的小部件(Widget)。

  jQuery Mobile框架:
          jQuery Mobile 是用于创建移动 Web 应用的前端开发框架。
    jQuery Mobile 可以应用于智能手机与平板电脑。
    jQuery Mobile 使用 HTML5 & CSS3 最小的脚本来布局网页。
          适合做APP开发的混合模式。


以上的几个UI框架,是本人使用过觉得蛮可以的,对UI开发人员加快了开发的速度,而且展示的效果也蛮不错。
              


         

做UI常用的一些第三方框架

标签:ui框架   jquery mobile   jquery ui   bootstrap   html5   

原文地址:http://blog.csdn.net/u011730649/article/details/44061397

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!