前端常用的框架有哪些？

1、自举

Twitter生产的Bootstrap在业界非常受欢迎，很多前端框架都是在它上面开发的。比如我们熟悉的WeX5，就是在Bootstrap源代码的基础上进行优化的。相信大部分接触过前端开发的同学都了解过这个优秀的前端框架。Bootstrap基于HTML、CSS和Javascript。它简洁灵活，可以让Web开发更加敏捷。

它提供了优雅的HTML和CSS规范，在jQuery的基础上更加个性化和人性化。它与大多数jQuery插件兼容，并包含丰富的Web组件，如下拉菜单、按钮菜单、导航栏、按钮组、分页、缩略图、进度条和媒体对象。自带13 jQuery插件，包括模式对话框、标签页、滚动条、弹出框。

2.基础框架

总体来说，基础框架比Bootstrap高一点，但是他们的设计理念非常清晰。Bootstrap意味着引导，它试图处理你项目中需要的一切。基金会有基础、根基、支柱的意思，在项目中给你强大的创造和支持。与Bootstrap丰富的组件和插件相比，Foundation只提供了有限的元素，它的目标是，即使你使用预定义的UI元素，它也不应该看起来与每个人的网站太相似。

另一方面，Bootstrap致力于提供所有定义的元素，这使得许多网站看起来都很相似。Foundation默认没有设置图标，建议使用开源字体图标。和Bootstrap一样，Foundation采用网格流式布局，将网页分成12个栏目，针对不同的设备显示不同的栏目，实现响应式布局。但是，Foundation不支持较旧的浏览器。其他特性有兴趣可以进一步了解。

3、卷曲

Curl是一个命令行工具，用于通过HTTP(s)、FTP和许多其他协议发出请求。Curl允许你下载文件，检查响应头和自由访问远程数据。

在Web开发中，Curl经常与RESTful API一起使用来测试连接。

#获取一个URL的头. curl-I HTTP/1.1 302 found cache-Control:private content-Type:text/html；charset = UTF-8 referrer-Policy:no-referrer location:/？gfe _ rd = cr & ampei = 0 fckwe 6 hcztd 8 afcoiwybqcontent-Length:258 date:Wed，09 Aug 2065 438+07 11:24:01 GMT #向远程API发出GET请求。

Curl命令可能比上面的代码更复杂。有许多选项可以用来控制头、Cookie、认证等等。要了解更多，请阅读一切卷曲。

4、树

Tree是一个小的命令行工具，以可视化的方式显示目录中的文件。它递归运行，遍历嵌套的每一层，绘制所有内容的格式树。这样，您可以快速浏览并找到您需要的文件。

树。├──CSS│├──bootstrap . CSS│├──bootstrap.min.css├──字体│├──glyph icons-halflings-regular . eot│├──glyph icons-halflings-regular . SVG│├──glyph icons-halflings-regular . TTF│├──glyph icons-halflings-regular . woff│└──glyphicons-halflings-regular.woff2└──js┤──bootstrap . js┚──bootstrap . js . min . js

您还可以使用简单的正则表达式模式来过滤结果:

tree -P '*.min.* '。├──CSS│├──bootstrap.min.css├──fonts└──js└──bootstrap . min . js

5、Tmux

根据维基百科，Tmux是一个终端复用器。一般来说，它是一个可以将多个终端连接到单个终端会话的工具。

Tmux允许用户在终端中的程序之间切换，添加屏幕窗格，并将多个终端连接到同一个会话以保持同步。在远程服务器上工作时，Tmux特别有用，因为它允许用户创建新的选项卡，而无需再次登录。

6、杜

du命令用于生成文件和目录的空间使用情况报告。Du易于使用，可以递归运行，遍历每个子目录并返回每个文件的大小。

du的一个常见用例是，当驱动器空间不足时，用户不知道每个内存的大小。使用此命令可以快速检查每个文件夹占用的存储空间，以便找到占用空间最大的存储。

7、AUI

AUI最近很受欢迎。作者声称是专门为APIClound设计的一套框架，解决了移动终端开发中遇到的很多问题，是一个纯CSS框架。采用容器+布局+模块的构建模式，辅以JS，更加自由灵活，易于扩展。遵循Google Material的设计规范，完美适配各种型号。面向HTML5，用CSS3实现动画交互，轻量级高性能。AUI是由麻省理工学院许可，你可以复制和出售它。最新版本是2.0。

8、惊艳UI

这是一个开源的框架，叫做姐妹UI，据说是国内第一个开源的HTML5多屏前端框架。基于移动优先的理念，妹子UI逐渐从小屏走向大屏，实现响应式网页。Amaziui包含20+ CSS组件，20+ JS组件，还有很多不同主题的Web组件。相比国外的框架，姐妹UI侧重于中文排版，提供本地化支持。面向HTML5开发，使用CSS3实现动画交互，轻量级高性能。

9、冻结用户界面

Frozen UI是一个开源、易用、轻量级和敏捷的移动框架。基于Q-style规范，现已全面应用于企鹅号Q-style的增值服务。基本风格效果简单，基调清爽，社区活跃，成分自然多。包括按钮、列表、表单、通知、提示、弹出框、选项卡和其他常见组件。它还包括一个FrozenJs的JS组件库。可以在主流安卓和IOS上应用。基本风格使用离线数据包来减少请求，以提供快速访问方案。当然，据网友反映，也有大大小小的bug。但总体来说还是值得使用的。奇怪的是，Github上显示的最后一次更新时间是一年前。是不是不再维护了？

#运行此命令将显示当前目录中每个文件夹的空间使用情况。# h选项使报告更容易阅读。# -s防止递归并显示文件夹的总大小。#星号通配符(*)将在当前目录中的每个文件/文件夹上杜润。du -sh * 1.2G桌面4.0K文档40G下载4.0K音乐4.9M图片844K公共4.0K模板6.9M视频

还有一个类似的命令df(Disk Free)，它将返回关于可用磁盘空间的各种信息。

以上介绍了几种流行的Web前端框架及其主要功能，希望对你学习Web前端有所帮助。