江苏龙网

  1. 主页 > 生活百科 > >

十四款常见的Web前端开发框架

开发框架


十四款常见的Web前端开发框架

文章插图
 
  
在做web开发的时候经常会遇到一个问题，那就是，选择什么样的框架来做前端开发 。下面封程中把目前常用的一些前端的框架简单的给大家介绍一下.
1. Bootstrap
Boostrap绝对是目前最流行用得最广泛的一款框架如上图 。它是一套优美，直观并且给力的web设计工具包，可以用来开发跨浏览器兼容并且美观大气的页面 。它提供了很多流行的样式简洁的UI组件，栅格系统以及一些常用的JAVAScript插件 。
Bootstrap是用动态语言LESS写的，主要包括四部分的内容：
脚手架——全局样式，响应式的12列栅格布局系统 。记住Bootstrap在默认情况下并不包括响应式布局的功能 。因此，如果你的设计需要实现响应式布局，那么你需要手动开启这项功能 。
基础css——包括基础的html页面要素，比如表格(table)，表单(form)，按钮(button)，以及图片(image)，基础CSS为这些要素提供了优雅，一致的多种样式 。
组件——收集了大量可以重用的组件，如下拉菜单（dropdowns），按钮组（button groups），导航面板（navigation control）——包括：tabs,pills,lists标签，面包屑导航（breadcrumbs）以及页码（pagination），缩略图(thumbnails)，进度条（progress bars），媒体对象（media objects）等等 。
JavaScript——包括一系列jQuery的插件，这些插件可以实现组件的动态页面效果 。插件主要包括模态窗口（modals），提示效果（tool tips），“泡芙”效果（popovers），滚动监控（scrollspy），旋转木马(carousel)，输入提示(typeahead)，等等 。
Bootstrap已经足够强大，能够实现各种形式的 Web 界面 。为了更加方便地利用Bootstrap进行开发，很多工具和资源可以用来配合使用，下面列举了其中的一部分工具和资源 。
jQuery UI Bootstrap —— 对于jQuery和Bootstrap爱好者来说这是个非常好的资源，能够把 Bootstrap的清爽界面组件引入到jQuery UI中 。
jQuery Mobile Bootstrap Theme —— 和上面提到的jQuery UI主题类似，这是一个为jQuery mobile建立的主题 。如果你想让用Bootstrap开发的网站在手机端也可以优雅访问，那么这个资源对你来说很方便易用 。
Fuel UX —— 它为Bootstrap添加了一些轻量的JavaScript控件 。Fuel UI 安装，修改，更新以及优化都很简单方便 。
http://StyleBootstrap.info —— Bootstrap提供了自己的几种界面风格，StyleBootstrap提供了更多的配色选项，并且你可以给每个组件都应用不同的配色 。
BootSwatchr —— 利用这个工具你可以立刻查看主题修改后的效果 。对于每一次变动的效果，这个应用都会生成一个唯一的URL方便你与他人分享，你也可以在任意时刻修改你的主题 。
Bootswatch —— 提供大量免费的Bootstrap主题 。
Bootsnipp —— 在线前端框架交互组件制作工具，是一个供给设计师和开发者的基于Bootstrap HTML/CSS/JavaScript 架构的免费元素 。
LayoutIt —— 通过界面拖放生成器简便快捷地创建基于Bootstrap的前端代码 。通过拖放动作将Bootstrap风格的组件加入到你的个人设计里并且可以方便地修改他们的属性，简单便捷 。
2、flex
Apache基金会发布了Flex 4.8版本，这是Adobe将Flex捐献给Apache基金会后发布的第一个版本
需要注意的是
2014年03月10日，Apache Flex技术社区发布了全新的Apache Flex 4.12.0版本，该版本是Apache Flex 4.11.0的升级版本，改进的功能包括：
◆支持最新版本的Flash Player
◆支持最新的AIR运行时
◆改进了内存占用和性能
◆改善了针对移动平台的组件的样式
◆支持IOS7系统
◆修复了超过80个漏洞[4]
2014年05月10日，Apache对4.12.0版本进行优化改进，发布了Flex 4.12.1，新版本加入对全新Flash Player及Air运行时的支持，改进对移动媒体查询的支持，并修复20多个Bug 。
3、extjs
ExtJS是一种主要用于创建前端用户界面，是一个基本与后台技术无关的前端ajax框架 。
功能丰富，无人能出其右 。
无论是界面之美，还是功能之强，ext的表格控件都高居榜首 。
extjs官网：http://extjs.org.cn/
华丽的界面，灵活的功能，还有开发工具都是配套的，但有个最大的问题，用就得花钱！
4、easyui
easyui帮助你构建你的web应用更加容易 。
它是一个基于jquery的插件，开发出来的一套轻量级的ui框架，非常小巧而且功能丰富 。


推荐阅读


上一篇：倒茶的些基本礼仪

下一篇：喝茶要有礼 叩指礼你会吗