前端常用框架

前端常用框架

你是否感觉写框架无思路？写的东西单一而简单？相信大家都有这样的疑惑，不过对于初学者来说，这样可以更好的锻炼自己的基本功，有助于提高自己的能力水平。

---

1、layui

layui（谐音：类UI) 是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低（免费），拿来即用。由国人开发，16年出厂的框架，其主要提供了很多好看、方便的样式，并且基本拿来即用，和Bootstrap有些相似，但该框架有个极大的好处就是定义了很多前后端交互的样式接口，如分页表格，只需在前端配置好接口，后端则按照定义好的接口规则返回数据，即可完成页面的展示，极大减少了后端人员的开发成本。

2、Bootstrap

在Bootstrap的官网介绍中，Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web. 大致意思就是：Bootstrap是最受欢迎的HTML、CSS和JS框架，用于开发响应式布局、移动设备优先的Web项目，用于开发响应式布局，是一套用于 HTML、CSS 和 JS 开发的开源工具集。Bootstrap是一种UI，用于前端布局的框架，属于css框架，而不是javascript框架，但是它本身也使用javascript来完善Bootstrap框架的视觉效果。

3、AmazeUI

Amaze UI 以移动优先（Mobile first）为理念，从小屏逐步扩展到大屏，最终实现所有屏幕适配，适应移动互联潮流。Amaze UI 面向 HTML5 开发，使用 CSS3 来做动画交互，平滑、高效，更适合移动设备，让 Web 应用更快速载入。Amaze UI 含近 20 个 CSS 组件、20 余 JS 组件，更有多个包含不同主题的 Web 组件，可快速构建界面出色、体验优秀的跨屏页面，大幅提升开发效率。相比国外框架，Amaze UI 关注中文排版，根据用户代理调整字体，实现更好的中文排版效果；兼顾国内主流浏览器及 App 内置浏览器兼容支持。

4、Query

Query是一个 JavaScript函数库，极大地简化了 JavaScript 编程。jQuery 是目前最流行的 JS 框架，而且提供了大量的扩展。jQuery是一个快速，简洁的JavaScript库。jQuery 简化了 HTML 文档遍历，事件处理，动画和Ajax交互快速Web开发的。jQuery是一个JavaScript工具包，旨在简化各种任务，通过编写更少的代码。这里是重要的支持jQuery的核心功能列表。

5、G5 Framework

 G5框架开始作为一个个人项目。框架在试图加快工作流程，重复使用的最佳的编码方法和类似的编码技术中，作为起动文件的新网站。作为一个网页设计社区的积极成员，这个框架是一吨的阅读和研究的结果。一年多来，该框架不断改变，简化，和更新，目前的最佳做法。该框架是非常轻量级的，只包括的要素是什么，我相信。该框架是免费的，只要个人及商业用途的版权信息保持不变，及在分度头。

6、Blueprint（Free）

Blueprint一个旨在减少开发时间的前端框架。Blueprint是一个基于react的Web工具组件库。  它针对在现代浏览器和IE11中运行的桌面应用程序构建复杂，数据密集的Web界面。Blueprint 3.0支持在同一网页上使用多个主要版本的Blueprint。这可以通过删除全局样式和解除冲突css选择器来实现。它还恢复了对react 15的支持 。 

7、Vue.js

Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

……

---

总结

    由于框架实在太多，小编就不一一列举了，只列举了些常用及比较好的一些框架。之后小编说一下它的特点：

优点：

轻量级的Javascript框架、丰富的DOM选择器、链式表达式、支持事件、样式、动画跨浏览器兼容、插件扩展开发（丰富的第三方插件）、可扩展性强（提供扩展接口）、实现脚本与页面分离、最少的代码做最多的事情、性能支持比较好。

缺点：

插件冲突、不能向后兼容、轻量级的JavaScript库、增加了移动设备的触摸等事件、不支持某些浏览器。

如果此篇文章确实对你有所帮助，请点一个赞，欢迎留言评论。