以vue为例 web前端自动生成动态面包屑导航的方法 (基于vue)

前端开发框架都有哪些

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框架太多了，