近年来, web 技术的发展速度快得让人窒息, 特别是最近几年一代又一代的变革一次又一次的创造. 各大巨头又纷纷把技术转向 html5 和 CSS3, 各种企业级框架如雨后春笋般涌现.
那么今天就给大家介绍几个在 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 不支持旧版本浏览器. 其他特性如有兴趣可进一步了解.
3,Curl
Curl 是一个命令行工具, 用于通过 HTTP(s),FTP 和数十种其它协议进行请求. 使用 Curl 可以进行文件下载, 检查响应标题和自由访问远程数据.
在 Web 开发中, Curl 经常和 RESTful API 一起使用, 用于测试连接.
Curl 命令可能比上述代码更复杂. 有许多选项用于控制 headers,Cookie, 身份验证等. 了解更多, 请阅读 Everything curl.
4,Tree
Tree 是一个小型的命令行实用程序, 它将目录中的文件以可视化的方式进行显示. 它采用递归运行的方式, 遍历每个级别的嵌套并绘制所有内容的格式树. 这样就能快速的浏览并查找需要的文件.
还可以使用简单的 regEx 模式来过滤结果:
5,Tmux
根据维基的解释, Tmux 是一个终端复用器. 通俗的说, 它是一个能将多个终端连接到单个终端会话的工具.
Tmux 允许用户在终端中的程序之间切换, 添加屏幕窗格, 并将多个终端连接到同一个会话, 使其保持同步. 在远程服务器上工作时, Tmux 特别有用, 因为它允许用户创建新的选项卡, 而无需再次登录.
6,du
du 命令用于生成关于文件和目录的空间使用情况的报告. du 很容易使用, 可以递归地运行, 遍历每个子目录并返回每个文件的大小.
du 的常见用例是: 当某个驱动器的空间不足, 用户不清楚每个存储器的大小. 使用此命令可以快速查看每个文件夹所占用的存储空间, 从而找到占用最大空间的存储器.
7,AUI
AUI 是最近流行起来的, 作者声称是专为 APIClound 设计的一套框架, 解决了许多移动端开发实际中遇到的许多问题, 是一个纯 CSS 框架. 使用容器 + 布局 + 模块的构建方式, JS 辅助, 更自由更灵活更易于扩展使用. 遵循 Google Material 设计规范, 完美适配各个机型. 面向 HTML5, 使用 CSS3 实现动画交互, 轻量级高性能. AUI 是使用 MIT License 授权, 你可以复制, 出售. 目前最新版本 2.0.
8,Amaze UI
这是称为妹子 UI 的开源框架, 据称是中国首个开源 HTML5 跨屏前端框架. 妹子 UI 以移动优先为理念, 从小屏逐渐到大屏, 实现响应式网页. Amaze UI 包含 20 + 个 CSS 组件, 20 + 个 JS 组件, 更有多个包含不同主题的 Web 组件. 相比国外框架, 妹子 UI 关注中文排版提供本地化支持. 面向 HTML5 开发, 使用 CSS3 来实现动画交互, 轻量级高性能.
9,Frozen UI
Frozen UI 是一款开源, 简单易用, 轻量敏捷的移动端框架. 基于手 Q 样式规范, 目前全面应用于企鹅手 Q 增值业务中. 基础样式效果简单色调清爽, 社区活跃, 组件自然不少. 包括按钮, 列表, 表单, 通知, 提示条, 弹出框, 选项卡等等常用组件. 还包括一个 FrozenJs 的 JS 组件库. 可以在主流的 Android 和 iOS 上应用. 基本样式使用离线包的方式减少请求提供快速接入方案. 当然, 根据网友反映, 也存在大大小小的 bug. 不过总体来说, 还是值得一用的. 奇怪的是, GitHub 上显示的最后更新时间是一年前, 难道已经没人维护了吗?
我目前是在职前端开发, 如果你现在也想学习前端开发技术, 在入门学习前端的过程当中有遇见任何关于学习方法, 学习路线, 学习效率等方面的问题, 你都可以申请加入我的前端学习交流裙: 前面: 603 中间: 985 最后: 993. 里面聚集了一些正在自学前端的初学者 裙文件里面也有我做前端技术这段时间整理的一些前端学习手册, 前端面试题, 前端开发工具, PDF 文档书籍教程, 需要的话都可以自行来获取下载.
还有一个相似的命令 df(Disk Free), 使用 df 会返回有关可用磁盘空间的各种信息.
来源: http://www.jianshu.com/p/21c70733b383