前端开发的框架有哪些 前端开发框架都有哪些 (前端开发的框架有哪些)

前端开发框架都有哪些

Boostrap绝对是目前最流行用得最广泛的一款框架。

它是一套优美，直观并且给力的web设计工具包，可以用来开发跨浏览器兼容并且美观大气的页面。

它提供了很多流行的样式简洁的UI组件，栅格系统以及一些常用的JavaScript插件。

Fbootstrapp基于Bootstrap并且提供了跟Facebookiframeapps和设计相同的功能。

包含用于所有标准组件的基本的CSS和HTML，包括排版、表单、按钮、表格、栅格、导航等等，风格与Facebook类似。

BootMetro框架的灵感来自于MetroUICSS，基于Bootstrap框架构建，用于创建Windows8的Metro风格的网站。

它包括所有Bootstrap的功能，并添加了几个额外的功能，比如页面平铺，应用程序栏等等。

Kickstrap是Bootstrap的一个变体。

它基于Bootstrap，并在它的基础上添加了许多app，主题以及附加功能。

这使得这个框架可以单独地用于构建网站，而不需要额外安装什么。

你需要做的仅仅是把它放到你的网站上，然后用就可以了。

Foundation是一款强大的，功能丰富的并且支持响应式布局的前端开发框架，你可以通过Foundation快速创建原型，利用它所包含的大量布局框架，元素以及最优范例快速创建在各种设备上可以正常运行的网站以及app。

Foundation在构建的时候秉承移动优先的策略，它拥有大量实用的语义化功能，并且使用Zepto类库来取代jQuery，这样可以带来更好的用户体验，并且提高运行的速度。

GroundworkCSS是前端框架家族里面新添的一款小清新框架。

它是基于Sass和Compass的一个高级响应式的HTML5，CSS以及JavaScript工具包，可以用于快速创建原型并且建立在各种浏览设备上可以正常工作的网站和app。

Gumby是一款基于Sass和Compass的简单灵活并且稳定的前端开发框架。

它的流式-固定布局（消察fluid-fixedlayout）可以根据桌面端以及移动设备的分辨率自动优化要呈现的网页内容。

它支持多种网格布局，包括多列混杂的嵌套模式。

Gumby提供两套PSD的模板，方便你在12列和16列的网格系统上进行设计。

HTMLKickstart是一款可以用来方便创建任何布局的集合HTML5，CSS和jQuery的工具包。

它提供了干净，符合标准以及跨浏览器兼容的代码。

这款框架提供了多种样式表，包括网格，排版，表单，按钮，表格，列表以及一些跨浏览器兼容的web组件比如JavaScript的幻灯片功能，tabs，面包屑导航，包含子菜单的菜单以及工具提示等等。

IVORY是一款轻量，简单但是强大的前端框架，可以用于320到1200像素宽度的响应式布局。

它基于12列的响应式网格布局，包含表格，按钮，表格，分仿咐页，拨动开关，工具提示，手风琴，选项卡等网站中常用的组件和样式。

最后，如果你的新项目需要一款实在的，不需要复杂的额外功能组件的，足够简单的框架，那么Kube将会是你正确的选择。

Kube是一款最小化的，支持响应式的前端框架，它没有强加的样式设计，因此给了你充分的自由来开发自己的样式表。

它提供了一些web元素的基备桥纯本样式，比如网格，表单，排版，表格，按钮，导航，链接以及图片等等。

给大家介绍几个在Web前端界比较优秀的前端框架。

1、Bootstrap

Twitter出品的Bootstrap在业界是非常受欢迎的，以致于有很多前端框架都在其基础上开发，如我们熟悉的WeX5就是在Bootstrap源码基础上优化而来的。

我相信大多数接触过前端开发的同学多少都了解过这个优秀的前端框架。

Bootstrap是基于HTML、CSS和Javascript的，它简洁灵活，可以使得Web开发更加敏捷。

它世扒运提供优雅的HTML和CSS规范，在jQuery的基础上进行更加个性化和人性化的完善。

兼容大部分jQuery插件，并包含了丰富的Web组件，如下拉菜单、按钮式下拉菜单、导航条、按钮组、分页、缩略图、进度条和媒体对象等。

自带了13个jQuery插件，其中有模式对话框、标签页、滚动条和弹出框等。

2、Foundation框架

Foundation框架总体来看要比Bootstrap略显高大上一点，但他们俩的设计理念都是非常清楚的，Bootstrap有引导的意思，它尝试处理你项目中的一切所需。

Foundation有基础、地基及支柱的意思，给你项目中强有力的创造与支持。

相对于Bootstrap丰富的组件及插件，Foundation仅提供了有限的几种元素，其目标是，即使你使用预定义的UI元素，也不应该与大家的网站长得太像。

搜梁

而Bootstrap则致力于提供所有定义好的元素，这样使得看起来许多网站都差不多。

Foundation默认不带图标集，它推荐使用开源字体图标。

与Bootstrap一样，Foundation使用网格流式布局将网页划分为12列，针对不同的设备显示不同的列数，实现响应式布局。

但Foundation不支持旧版本浏览器。

其他特性如有兴趣可进一步了解。

Curl是一个命令行工具，用于通过HTTP(s)、FTP和数十种其它协议进行请求。

使用Curl可以进行文件下载、检查响应标题和自由访问远程数据。

在Web开发中，Curl经常和RESTfulAPI一起使用，用于测试连接。

#-I302FoundCache-Control:privateContent-Type:text/html;charset=UTF-8Referrer-Policy:no-referrerLocation:;ei=0fCKWe6HCZTd8AfCoIWYBQContent-Length:258Date:Wed,09Aug:24:01GMT#.

Curl命令可能比上述代码更复杂。

有许多选项用于控制headers、Cookie、身份验证等。

了解更多，请阅读Everythingcurl。

Tree是一个小型的命令行实此歼用程序，它将目录中的文件以可视化的方式进行显示。

它采用递归运行的方式，遍历每个级别的嵌套并绘制所有内容的格式树。

这样就能快速的浏览并查找需要的文件。

tree.├──css│├──│├──├──fonts│├──│├──│├──│├──│└──2└──js├──└──

还可以使用简单的regEx模式来过滤结果：

tree-P*.*.├──css│├──├──fonts└──js└──

根据维基的解释，Tmux是一个终端复用器。

通俗的说，它是一个能将多个终端连接到单个终端会话的工具。

Tmux允许用户在终端中的程序之间切换，添加屏幕窗格，并将多个终端连接到同一个会话，使其保持同步。

在远程服务器上工作时，Tmux特别有用，因为它允许用户创建新的选项卡，而无需再次登录。

du命令用于生成关于文件和目录的空间使用情况的报告。

du很容易使用，可以递归地运行，遍历每个子目录并返回每个文件的大小。

du的常见用例是：当某个驱动器的空间不足，用户不清楚每个存储器的大小。

使用此命令可以快速查看每个文件夹所占用的存储空间，从而找到占用最大空间的存储器。

AUI是最近流行起来的，作者声称是专为APIClound设计的一套框架，解决了许多移动端开发实际中遇到的许多问题，是一个纯CSS框架。

使用容器+布局+模块的构建方式，JS辅助，更自由更灵活更易于扩展使用。

遵循GoogleMaterial设计规范，完美适配各个机型。

面向HTML5，使用CSS3实现动画交互，轻量级高性能。

AUI是使用MITLicense授权，你可以复制、出售。

目前最新版本2.0。

这是称为妹子UI的开源框架，据称是中国首个开源HTML5跨屏前端框架。

妹子UI以移动优先为理念，从小屏逐渐到大屏，实现响应式网页。

AmazeUI包含20+个CSS组件、20+个JS组件，更有多个包含不同主题的Web组件。

相比国外框架，妹子UI关注中文排版提供本地化支持。

面向HTML5开发，使用CSS3来实现动画交互，轻量级高性能。

9、FrozenUI

FrozenUI是一款开源，简单易用，轻量敏捷的移动端框架。

基于手Q样式规范，目前全面应用于企鹅手Q增值业务中。

基础样式效果简单色调清爽，社区活跃，组件自然不少。

包括按钮、列表、表单、通知、提示条、弹出框、选项卡等等常用组件。

还包括一个FrozenJs的JS组件库。

可以在主流的Android和IOS上应用。

基本样式使用离线包的方式减少请求提供快速接入方案。

当然，根据网友反映，也存在大大小小的bug。

不过总体来说，还是值得一用的。

奇怪的是，Github上显示的最后更新时间是一年前，难道已经没人维护了吗？

#Runningthiswillshowthespaceusageofeachfolderinthecurrentdirectory.#The-hoptionmakesthereporteasiertoread.#-spreventsrecursivenessandshowsthetotalsizeofafolder.#Thestarwildcard(*)willrunduoneachfile/-sh*1.2GDesktop4.0KDocuments40GDownloads4.0KMusic4.9MPictures844KPublic4.0KTemplates6.9MVideos

还有一个相似的命令df（DiskFree），使用df会返回有关可用磁盘空间的各种信息。

以上介绍了现在热门的几个Web前端框架，以及它们的主要功能，希望对大家学习Web前端有所帮助。

java前端后端都有哪些框架?10分

java的前端和后端框架现在比较多，就目前热门的来说：

前端：jspajaxjquaryjssliverlight，很多都是基于js开发的框架，前端是比较好玩的一个东西

后端：基础springhibernatemybatisibatisservletstruts，然后你可以进行不同的组合

比如s***ssissh，按照分层结构就是简单的mvc结构，可以使用modelandview这样的对象返回页面，现在比较常用这个，

关于后端程序员写前端用什么框架更好

推荐两个颜值很高的前端框架：AdminLTE：基于Bootstrap的一套后台系统，有很多现成模板可使用，又好看又好用，必须推荐！官网：FreeBootstrapAdminTemplate预览：AdminLTE2|DashboardGitHub：almasaeed2010/AdminLTE·GitHub

前端开游桐发框架有哪些

首先我想说明一下，我们通常说的js不是框架，是语言，即javascript，据最新世界编程语言排行榜来看，已经上升到了第7位，发展迅猛，其标准是ECMAScript，现在基本上是基于ECMAScript5。

jQuery是用js写的框架，其在DOM操作上有很明显的优势，也是时下很常用的一个js框架。

至于之外还要学习那些框架呢？

如果你说的是js框架，建议先掌握好jQuery，然后还有很多的，比如楼上提到的extjs，近几年比较流行的AngularJS，基于移动端考虑的轻量级仿jquery框架zepto，还有jquerymobile，还有适合写后端或服务端的node，等等。

如果是web前端框架，就不仅仅是涉及的js了，还有html和css。

个人觉得只有这三种语言都涉及到的框架才能说得上是web前端框架。

现在比较火的是Bootstrap，还有Foundation，比较古老的有jqueryUI，easyUI等等，还有其他很多很多。

如果还有算上处理方案及版本升级代码迭代等，就要用到网络团队研发的fis这种了。

其实内容真的很多很多，前端任重而道远啊~

关于后端程序员写前端用什么框架更好

各大前端框架可以按照“封装度”的标准来区分。

设计刚弊纯出的一套网页皮肤，封装度为0。

层层封装到可以直接用后台语言写页面，封装度为10。

那么我是这样来区分前端框架的。

1级——纯html+css放5年前，基本就是用Dreamweaver刚排出来的页面或者网页查看源代码扒下来的皮肤。

不涉及到js，就是纯页面皮肤。

2级——bootstrap系列bootstrap的出现是一个里程碑事件。

发源于twitter，引入了不少html5/css3的特性。

由于它对响应式的支持以及良好的体验，给人一种耳目一新的感觉。

其源码，不管是css还是js都值得学习一下，看后经常会有“原来还可以这样做”这种恍然大悟的感觉。

不过归根结底是一套ui皮肤+少量js组成的框架，属于封装度偏低的框架。

3~4级——metronic/adminLTE系列基于bootstrap或者其他1级框架，然后集成了各种jQuery插件、富文本编辑器等js库，组成的一个大杂烩工具包和案例库。

皮肤基本是基于bootstrap自定义的一套主题。

案例比较详尽，开发的时候找到需要的组件把前端代码复制粘贴，再稍微调试一下就能达到良好的视觉效果。

根据集成的第三方库的多少，基本可以划分到3~4级封装度这样的范围。

这个级别的框架的代码更多的是属于粘合剂，将各种不同的第三方库的前端代码粘合起来租磨咐。

5级——jQuery-ui这里要单独把jQuery-ui拿出来讲，并不是因为它的封装度有多高，而是我认为它是一个分界点。

jQuery以下级别的框架，代码以css为主，自身的js代码少，框架量级更轻，更灵活，更适合互联网web产品。

jQuery以上级别的框架，属于前端的重度封装，通过框架暴露的接口进行开发，开发人员甚至不需要太多前端知识，只需要详细查看框架的开发文档即可。

jQuery以上级别的框架更适合传统管理软件的开发。

6~7级——easy-ui/DWZeasy-ui基于jQuery-ui，不过具有更丰富的组件库。

貌似商业版收费很高。

听说某大型国企花了大价钱购买下来使用。

DWZ是国产框架中我认为综合表现还不错的，完全免费，有问题可以在他们的QQ群里提。

其余的之前还用过金蝶的operamasks-ui，不过现在好像已经不更新了。

这一类级别的框架还有一个另外的称呼——“富客户端框架”，意思就是重度js框架。

使用起来开发效率很高，当年也是一度百花齐放，框架辈出。

8级——extjs系列extjs属于前端框架领域中的庞然大物，封装程度很高，具有自成体系的元素选择引擎和浏览器兼容方案，js写法上也有自己的方式。

组件很多很全。

只看extjs的官方文档和示例几乎不必学习任何其他的前端知识就可以做出“很漂亮”的前端页面。

当然页面很容易“撞衫”。

使用时间长了，会对其产生严重依赖，离开extjs，几乎不会写前端页面了。

9级——vaadin/GWT最后一级，也是封装度最高的一级，也就是所谓的使用后台语言写前端。

如果说之前的八级至少前端和后端还是相对分离的，后台程序在java中写，前台程序在html或者js中写；那么这一级别的框架简直会颠覆你的认知！只需在后台使用java写好了类和对象，并设置好相关的属性，网页的元素是自动通过后台对象生成的。

这当然有好处，妈妈再也不用担心我不会写js和css了。

然而就学一下html/css/js真的那么难吗？个人认为，尽管GWT有google的这么强悍的背书，但是这种9级封装的本质上把前后台耦合得更紧密。

一个人做一个项目还可以考虑，但是......

Web前端和后端分别是什么语言/框架构建的

zhihu/question/

转

关于后端程序员写前端用什么框架更好

各大前端框架可以按照逗封装度地的标准来区分。

设计刚出的一套网页皮肤，封装度为0。

层层封装到可以直接用后台语言写页面，封装度为10。

那么我是这样来区分前端框架的。

1级——纯html+css放5年前，基本就是用Dreamweaver刚排出来的页面或者网页查看源代码扒下来的皮肤。

不涉及到js，就是纯页面皮肤。

2级——bootstrap系列bootstrap的出现是一个里程碑事件。

发源于twitter，引入了不少html5/css3的特性。

由于它对响应式的支持以及良好的体验，给人一种耳目一新的感觉。

其源码，不管是css还是js都值得学习一下，看后经常会有逗原来还可以这样做地这种恍然大悟的感觉。

不过归根结底是一套ui皮肤+少量js组成的框架，属于封装度偏低的框架。

3~4级——metronic/adminLTE系列基于bootstrap或者其他1级框架，然后集成了各种jQuery插件、富文本编辑器等js库，组成的一个大杂烩工具包和案例库。

皮肤基本是基于bootstrap自定义的一套主题。

案例比较详尽，开发的时候找到需要的组件把前端代码复制粘贴，再稍微调试一下就能达到良好的视觉效果。

根据集成的第三方库的多少，基本可以划分到3~4级封装度这样的范围。

这个级别的框架的代码更多的是属于粘合剂，将各种不同的第三方库的前端代码粘合起来。

5级——jQuery-ui这里要单独把jQuery-ui拿出来讲，并不是因为它的封装度有多高，而是我认为它是一个分界点。

jQuery以下级别的框架，代码以css为主，自身的js代码少，框架量级更轻，更灵活，更适合互联网web产品。

jQuery以上级别的框架，属于前端的重度封装，通过框架暴露的接口进行开发，开发人员甚至不需要太多前端知识，只需要详细查看框架的开发文档即可。

jQuery以上级别的框架更适合传统管理软件的开发。

6~7级——easy-ui/DWZeasy-ui基于jQuery-ui，不过具有更丰富的组件库。

貌似商业版收费很高。

听说某大型国企花了大价钱购买下来使用。

DWZ是国产框架中我认为综合表现还不错的，完全，有问题可以在他们的群里提。

其余的之前还用过金蝶的operamasks-ui，不过现在好像已经不更新了。

这一类级别的框架还有一个另外的称呼——逗富客户端框架地，意思就是重度js框架。

使用起来开发效率很高，当年也是一度百花齐放，框架辈出。

8级——extjs系列extjs属于前端框架领域中的庞然大物，封装程度很高，具有自成体系的元素选择引擎和浏览器兼容方案，js写法上也有自己的方式。

组件很多很全。

只看extjs的官方文档和示例几乎不必学习任何其他的前端知识就可以做出逗很漂亮地的前端页面。

当然页面很容易逗撞衫地。

使用时间长了，会对其产生严重依赖，离开extjs，几乎不会写前端页面了。

9级——vaadin/GWT最后一级，也是封装度最高的一级，也就是所谓的使用后台语言写前端。

如果说之前的八级至少前端和后端还是相对分离的，后台程序在java中写，前台程序在html或者js中写；那么这一级别的框架简直会颠覆你的认知！只需在后台使用java写好了类和对象，并设置好相关的属性，网页的元素是自动通过后台对象生成的。

这当然有好处，妈妈再也不用担心我不会写js和css了。

然而就学一下html/css/js真的那么难吗看个人认为，尽管GWT有google的这么强悍的背书，但是这种9级封装的本质上把前后台耦合得更紧密。

一个人做一个项目还可以考虑，但是一个团队前......

java编程前端和后端分别包括哪些技术？

前台。

jsphtmlJavaScriptjQuery各种jQuery的前台框架。

后台。javastruts2springhibernateabitasjdbcejbwebservice各种后台框架

高级点的有云计算，大数据

关于后端程序员写前端用什么框架更好

时间过去好久了，问题想必你已经想清楚了。

我再简单说说。

如果你自己能包揽前后台，理解这个肯定没问题。

网站能运行，说白了是这么几步。

客户端请求--》服务端响应HTML.--》用户在网页上进行操作(即请求）--》服务器响应操作（新页面或ajax。

关于后端程序员写前端用什么框架更好

程序员用框架不能算是“写前端”，只是现成框架套用而已。

后台管理系统，前端框架用什么最好

前端js框架太多了，

前端框架有什么用?

web前端框架是做什么的？5分

前端框架一般指用于简化网页设计的框架，比如，jquery，extjs，bootstrap等等，这些框架封装了一些功能，比如html文档操作，漂亮的各种控件（按钮，表单等等）。

使用前段框架可以降低界面开发周期和提高界面的美观性。

有些框架比较轻量，比如jquery，有些框架比较重量，比如extjs。

一般来说重量的框架会封装更多的功能，比如extjs，封装的grid控件有很强的数据展示和操作功能。

前端框架是什么？有什么用、有什么好处？

可以简单的理解成是：使用广泛的前端开发套件，可以帮助你快速的网液橡念站。

前段框架的好处：对于互联网的产品而言，前端用户体验往往决定了一款产品的竞争力和吸引力;而对于前端工程师来说，考虑的问题更为复杂，他们既要为网站上提供的产品和服务实现一流的Web页面、优化代码，保证体验的最佳，更要考虑与市面上各大浏览器的兼容性，还需顾及Web前端表现层和前后端交互的架构，以及模块化、通闹困用类库、框架编写等一系列问题，由此提升前端开发的效率，降低开发成本和周期。

html的框架到底是用来干嘛的？什么时候用到？

你接触了后台就知道了，这样可以做到页面地址不需要变动，但却可以利用iframe的tagert属性把显示数据的页面包含进来，div就不行，因为它没有这个target属性，文件独立出来方便重用，且结构清晰；

前端开发框架有哪些

首先我想说明一下，我们通常说的js不是框架，是语言，即javascript，据最新世界编程语言排行榜来看，已经上升到了第7位，发展迅猛，其标准是ECMAScript，现在基本上是基于ECMAScript5。

jQuery是用js写的框架，其在DOM操作上有很明显的优势，也是时下很常用的一个js框架。

至于之外还要学习那些框架呢？

如果你说的是js框架，建议先掌握好jQuery，然后还有很多的，比如楼上提到的extjs，近几年比较流行的AngularJS，基于移动端考虑的轻量级仿jquery框架zepto，还有jquerymobile，还有适合写后端或服务端的node，等等。

如果是web前端框架，就不仅仅是涉及的js了，还有html和css。

个人觉如备得只有这三种语言都涉及到的框架才能说得上是web前端框架。

现在比较火的是Bootstrap，还有Foundation，比较古老的有jqueryUI，easyUI等等，还有其他很多很多。

如果还有算上处理方案及版本升级代码迭代等，就要用到网络团队研发的fis这种了。

其实内容真的很多很多，前端任重而道远啊~

web前端框架是什么意思10分

前端架构师必须懂得真正的编程知识，而这正是很多自封为前端架构师的人所缺乏的。

我的意思不是能够剪切粘贴改进代码就行了，而是能够跟老练的工程师商讨如何能够最好地结合前端。

这就是说，前端架构师需要真正理解结构遭遇商业逻辑的问题。如果工程师说某些东西使用是不可能实现的，前端架构师必须能够解释如何与为何要使用DataList或Repeater取代，解释为何DataGrid在该情景下是个错误的选择……

这只是个例子，问题还在于仅知道客户端编程也是不够的。

能够使用与工程师相同的术语，能够讨论（前后端）关键集成的最佳解决方案，这是绝对必须的。

断线的风筝

我们今天正处在一个不妙的处境中，原因在于几乎没有人能够为前后端的沟壑搭桥。

一般工程师不会有兴趣或实践标记，CSS,或DOM脚本编程，大部分客户端开发者也没有与后端技术协作的经验。

几周入门PHP不会成为程序员，几周入门XHTML也不会成为真正的客户端开发者。

罪魁祸首

我首先想到的十足例子是，完全漠视Web标准，同样地，web氛围（我们指表格和占位gif）让Web标准郁闷。

企业项目的大多数框架输出的标记，即使使用1999年的标准来衡量，都是糟糕无比的。

如此巨大和“专业”的产品怎么能才够不忽视，按理说是整个项目最简单的方面？只有静态代码。

理由是，基于技术的立场衡量产品，结构，CSS和其他客户端技术都是“事后诸葛亮”。

表现逻辑，结构和行为混杂，压根无助于无障碍，Web标准，或者前端技术干净的分离。

擡起你的头来，就在2006，这些都成受欢迎的惯例了。

总结

如果这个世界上姿态最鲜明的产品和项目都如此低劣的方式来处理事情，其他的还有什么好说？毫无疑问，我们需要前端架构师，而且就在昨天。

归结于归结，我们有一堆相互关联的技术，很少人能够埋头钻研它们之间的关系，这很不幸。

正确做事的真正价值在于容易的维护和长期的适应性。

虽然在关键时刻，有些方式更容易选择其他的方法和拼凑起另外的东西。

对某些人来说，这可能是可接受的做事方式。

但是，对我们大部分人来说，这是拙劣的抉择，也非常不专业。

我交给你去想了。我假设你把车交给技工修理，修好了时候，瞧瞧引擎罩内大量的输送管，我不知道你对技工作何感想？

为什么需要自己实现前端框架

前端对框架(库)的大小更敏感

前端内容的渲染和交互效果的实现如果依赖JS框架(库)，需要先将这些框架(库)下载到客户端，此时框架(库)的大小将直接影响到前端的首屏渲染速度。

框架(库)越小，加载的速度就越快，而随着功能的越来越全，框架(库)必然会越来越大，要保证性能，需要制定加载策略。

便于制定加载策略

解决框架(库)变大的常见加载策略是将框架分为核心部分和扩展部分，核心部分在首屏渲染前必须下载完成，并且这部分的加载文件尽可能的少和小，扩展部分则可以模块化方式来懒加载。

核心部分的JS在发布时，可对文件合并，数量尽可能少，单个文件在gzip压缩后最好不要超过20K。

核心部分可以是实现“JS语言扩展(面向对象)，DOM操作API，数据交互方法(ajax)，导航策略，模块化底层实现，事件底层实现，模版解析”等。

扩展部分一般是一些可异步加载的UI组件，例如：输入控件、弹出窗、动画API、文件上传及预览、图表控件、富文本编辑器等。

上面的实现模式，在主流的JS框架(库)中，有三类选择：一类是以ExtJS为代表的大而全的框架(库)，这类框架虽然功能满足，但往往无法拆分为核心部分和扩展部分来加载，因此基本不予考虑；一类是相对轻量的YUI3、Dojo等框架(库)；一类是近来流行的前端MV*系列Backbone、Ember、Angular，这类在充当核心部分时，还需要组合Underscore、RequireJS，jQuery等第三方库。

后面两类可以满足要求，但个人觉得不是完美的方案，因为在开发实际产品时，将这两类作为核心部分时，往往里面有很多是不需要的，而还有些需要自己来额外补充近来，可以是自己开发，也可以集成第三方的实现。

而核心部分框架(库)如果是自己实现，则可以保证在功能完整的情况下，不多出其它的东西，加载的JS可以控制到最小，而且代码风格也统一。

便于扩展

前端代码与用户的交互直接相关，而交互的设计变化和不确定性非常大，现成的第三方实现往往难以直接利用，需要改造。

有时改造第三方的框架，先要非常熟悉框架，当这个框架比较复杂时，这样的工作量和难度就大大加大了。

而自实现的框架(库)则可以根据需要任意扩展，可以根据需求制定对应的规范和API。

前端开发框架有哪些

Boostrap绝对是目前最流行用得最广泛的一款框架。

它是一套优美，直观并且给力的web设计工具包，可以用来开发跨浏览器兼容并且美观大气的页面。

它提供了很多流行的样式简洁的UI组件，栅格系统以及一些常用的JavaScript插件。

Bootstrap是用动态语言LESS写的，主要包括四部分的内容：

脚手架——全局样式，响应式的12列栅格布局系统。

记住Bootstrap在默认情况下并不包括响应式布局的功能。

因此，如果你的设计需要实现响应式布局，那么你需要手动开启这项功能。

基础CSS——包括基础的HTML页面要素，比如表格(table)，表单(form)，按钮(button)，以及图片(image)，基础CSS为这些要素提供了优雅，一致的多种样式。

组件——收集了大量可以重用的组件，如下拉菜单（dropdowns），按钮组（buttongroups），导航面板（navigationcontrol）——包括：tabs,pills,lists标签，面包屑导航（breadcrumbs）以及页码（pagination），缩略图(thumbnails)，进度条（progressbars），媒体对象（mediaobjects）等等。

JavaScript——包括一系列jQuery的插件，这些插件可以实现组件的动态页面效果。

插件主要包括模态窗口（modals），提示效果（tooltips），“泡芙”效果（popovers），滚动监控（scrollspy），旋转木马(carousel)，输入提示(typeahead)，等等。

Bootstrap已经足够强大，能够实现各种形式的Web界面。

为了更加方便地利用Bootstrap进行开发，很多工具和资源可以用来配合使用，下面列举了其中的一部分工具和资源。

jQueryUIBootstrap——对于jQuery和Bootstrap爱好者来说这是个非常好的资源，能够把Bootstrap的清爽界面组件引入到jQueryUI中。

jQueryMobileBootstrapTheme——和上面提到的jQueryUI主题类似，这是一个为jQueryMobile建立的主题。

如果你想让用Bootstrap开发的网站在手机端也可以优雅访问，那么这个资源对你来说很方便易用。

FuelUX——它为Bootstrap添加了一些轻量的JavaScript控件。

FuelUI安装，修改，更新以及优化都很简单方便。

StyleBootstrap.——Bootstrap提供了自己的几种界面风格，StyleBootstrap提供了更多的配色选项，并且你可以给每个组件都应用不同的配色。

BootSwatchr——利用这个工具你可以立刻查看主题修改后的效果。

对于每一次变动的效果，这个应用都会生成一个唯一的URL方便你与他人分享，你也可以在任意时刻修改你的主题。

Bootswatch——提供大量免费的Bootstrap主题。

Bootsnipp——在线前端框架交互组件制作工具，是一个供给设计师和开发者的基于BootstrapHTML/CSS/JavaScript架构的免费元素。

LayoutIt——通过界面拖放生成器简便快捷地创建基于Bootstrap的前端代码。通过拖放动作将Bootstrap风格的组件加入到你的个人设计里并且可以方便地修改他们的属性，......

前端开发框架有哪些

绝对是目前最流行用得最广泛的一款框架。

它是一套优美，直观并且给力的web设计工具包，可以用来开发跨浏览器兼容并且美观大气的页面。

它提供了很多流行的样式简洁的UI组件，栅格系统以及一些常用的JavaScript插件。

Bootst...

前端框架用哪个好

Apache基金会今天发布了Flex4.8版本，这是Adobe将Flex捐献给Apache基金会后发布的第一个版本。

需要注意的是，Flex目前还在孵化阶段，还不是Apache的正式项目，Flex4.8也不是一个正式的Apache版本。

Apache称，该版本标志著Flex新时代的开始，Flex的未来将由社区来驱动，而不是由一个公司驱动。

开发者可以通过贡献代码，来帮助改进Flex，如修复bug、增加功能等。

从Macromedia卖给Adobe，然后又捐给apache，不知道搞什么名堂。不过还好没有经过大幅重构，否则就真的是悲哀了！

ExtJS是一种主要用于创建前端用户界面，是一个基本与后台技术无关的前端ajax框架。

功能丰富，无人能出其右。

无论是界面之美，还是功能之强，ext的表格控件都高居榜首。

华丽的界面，灵活的功能，还有开发工具都是配套的，但有个最大的问题，用就得花钱！

easyui帮助你构建你的web应用更加容易。

它是一个基于jquery的插件，开发出来的一套轻量级的ui框架，非常小巧而且功能丰富。

但是她有一个最大的问题就是代码只能找到以前的开源的版本，到了1.2以后的版本源代码都是经过混淆的，如果遇到问题修改起来会非常麻烦！不过一个比较大的优势是开源免费，并且界面做的还说的过去！

又一个基于jquery的框架，开发的界面功能都很丰富。

jQueryMiniUI-快速开发WebUI。

它能缩短开发时间，减少代码量，使开发者更专注于业务和服务端，轻松实现界面开发，带来绝佳的用户体验。

使用MiniUI，开发者可以快速创建Ajax无刷新、B/S快速录入数据、CRUD、Master-Detail、菜单工具栏、弹出面板、布局导航、数据验证、分页表格、树、树形表格等典型WEB应用系统界面。

界面做的挺不错，功能也挺丰富，但是有两个比较大的问题，一个是收费，一个是没有源码，说白了，不开源！基于这个开发如果想对功能做扩展就需要找他们的团队进行升级！

5、jQueryUI

功能非常全面，界面也挺漂亮的，可以整体使用，也可以分开使用其中的几个模块，免费开源！

DWZ富客户端框架(jQueryRIAframework),是中国人自己开发的基于jQuery实现的AjaxRIA开源框架.

设计目标是简单实用,快速开发,降低ajax开发成本。

欢迎大家提出建议，我们将在下一版本中进一步调整和完善功能．共同推进国内整体ajax开发水平。

毕竟是国产的，支持一下，而且源码完全公开，可以选择一下！不过性能怎么样不敢确定！

Google网页工具包——GWT提供了一组基于Java语言的开发包，这个开发包的设计参考JavaAWT包设计，类命名规则、接口设计、事件监听等都和AWT非常类似。

熟悉JavaAWT的开发者不需要花费多大的力气就能够快速的理解GWT开发工具包，将更多地时间投入到GWT应用的开发过程中。

你不用......

web前端开发框架有哪些

bootstrap是twitter出的一款不错的UI框架，或者与其说是框架不如说是类库（lib），当然这里边牵扯到一个“究竟什么是框架什么是类库？”的问题，我们暂时不谈。

毕竟是有大公司背景的代码堆，我觉得没什么“落伍”可言。

angular是前两年之内突然火得一塌糊涂的一个fe框架，这个我觉得可以算的上是真正意义上的框架了，MVVM双向绑定，包括它拥有足够完善的社区、生态，甚至chrome上都有很多好用的相关插件（这一点可以说是占了google出品的光），比较完整的大型项目都是可以考虑引入的。

但如果你的网站只是做一些轻量级的东西，杀鸡焉用宰牛刀吧我觉得。

backbone主要针对的MVC中的M层，至少我是这么理解的。

对UI层它几乎没什么太多的限制，一方面给出了coder自由度进行发挥，另一方面也等于在这方面框架本身对开发没提供什么太大的帮助。

我觉得这更像是一个高手向的框架，另外对于underscore前端模板那一套东西，说实话作为一名phpjava啥都能写的FE我始终觉得这套东西有那么一种纯JS工程师的一厢情愿的意味。

这是个人看法了，不一定准确，况且有人会搬出ajax动态渲染时前端模板的作用来反驳我，别急着反驳，至少往下看完我说的话。

相比之下，react可以说是一个在MVC中V层做的十分出色和新颖的框架了，独特的jsx编译机制就已经让你的代码变得高大上了，我是觉得这个类库在UI层做的更彻底更专业，或者说让FE的代码更专业了。

更何况，react比angular更年轻，而且同样拥有大公司背景，reactnative一出更是让JS工程师的地位取得了革命性的提升，（不要跟我提phonegap，用过两个东西后你会明白，react打包的app性能甩phonegap几条街没问题）。

另外既然楼主提到了之前的网站是bootstrap，不妨可以看一看react-bootstrap这个东西，或许这就是你想要的。

web前端三大主流框架都是Angular、React、Vue。

Angular原名angularJS诞生于2009年，之前我们都是用jquery开发，自从angular的出现让我们有了新的选择，它最大的特点是把后端的一些开发模式移植到前端来实现孝改告，如MVC、依赖注入等。

React，facebook出品，正式版推出是在2013年，比angular晚了4年，但得益于其创新式的VirtualDOM，性能上碾压angularJS，一经推巧明出，火的一塌糊涂。

特点很多，VirtualDOM、JSX、Diff算歼仿法等，支持ES6语法，采用函数式编程，门槛稍高，但也更灵活，能让开发具有更多可能性。

Vue作为最后推出的框架（2014年），借鉴了前辈angular和react的特点（如VirtualDOM、双向数据绑定、diff算法、响应式属性、组件化开发等）并做了相关优化，使其使用起来更加方便，更容易上手，比较少适合初学者。

常见的web前端开发框架如下：

1、Bootstrap：

主流框架之一，Bootstrap是基于HTML、CSS、JavaScript的，它简洁灵活，使得Web开发更加快捷。

2、html5-boilerplate：

该框架可以快速构建健壮，且适应力强的webapp或网站。

Meteor是新一代的开发即时web应用的开源框架，它能在较短时间内完成开发。

4、Materialize：

基于材料设计的现代化响应式前端框架。

可提供默认的样式，自定义组件。

此外，Materialize还改进动画和过渡，为开发铅慎粗人员提供流畅的体验。

5、AmazeUI：

首个开源HTML5跨屏前端框架产品系列，中文排版前端的学习都是需要不断的学习，学一天停一停相当于白学，学习效果很差，如果你想有人一起学习可以来这个扣裙，首先是132中间是667最后是127都是零基础的同学，大家相互鼓励共同努力只是学着玩就不建议来了!!!支持更优、本土化组件丰富。

该产品系列中有专门针对移动端的HTML5混合应用开发框架AmazeUITouch以及针对跨屏HTML5网页开发的AmazeUIWeb。

扩展资料：

web框架程序的作用：

Web框架使得在进行Web应用开发的时候，减少了工作量。

Web框架主要用于动态网络开发，动态网络主要是指现在的主要的页面，可以实现数据的交互和业务功能的完善。

使用Web框架进行Web开发的时候，在进行数据缓存、数据库访问、数据安全校验等方面，不需要自己再重新实现，而是将业务逻辑相关的代码