8个常用的WEB开发前端框架 提高项目前端开发效率

随着互联网的推进我们可以寻找到各种高效资源，比如我们设计网站、小程序和公众号开发的时候，前端设计并不需要我们太多的自主设计，我们可以借助免费开源或者有些付费的前端框架和插件来快速完成。比如我们在设计网站主题的时候，可以借助类似BootStrap、Layui这些常用的前端框架高效开发。

目前可选的前端框架还是比较多的，有些以前出名的如今已经逐渐淡出我们的视野，包括笔者以前也有用过的Amaze UI，我也准备在这篇文章中分享的但是官方网站好像无法打开SSL失效，估计可能没有人维护。我们真的要去整理前端框架UI的话，大大小小十几个肯定是有的，但是我们一般也用不了这么多，熟悉这么1-2款足矣。

第一、Bootstrap

官方网站：https://www.bootcss.com

Bootstrap，来自推特官方提供的一个用于前端开发的开源工具包。由他们的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。目前广泛被用于我们很多网站、移动端、自适应WEB项目中，应该是目前使用最多的前端框架之一。

第二、Layui

官方网站：https://www.layui.com

Layui，是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。这个前端我也有简单接触过，在行业中用户也在慢慢变多，相对BS框架更加精炼一些。

第三、EasyUI

官方网站：http://www.jeasyui.net

easyui，是一种基于jQuery、Angular.、Vue和React的用户界面插件集合。easyui为创建现代化，互动，JavaScript应用程序，提供必要的功能。easyui是个完美支持HTML5网页的完整框架。居然还分商业和免费版本，如果我们介意的话那就不要选择。

第四、jQuery UI

官方网站：https://jqueryui.com

jQuery UI，是在jQuery JavaScript库之上构建的一组精选的用户界面交互，效果，小部件和主题。 无论是构建高度交互的Web应用程序，还是只需要向表单控件添加日期选择器，jQuery UI都是理想选择。

第五、YDUI Touch

官方网站：http://vue.ydui.org/

YDUI Touch，一个专注移动端、微信的UI框架。YDUI Touch 专为移动端打造，在技术实现、交互设计上兼容主流移动设备，保证代码轻、性能高。使用 Flex 技术，灵活自如地对齐、收缩、扩展元素，轻松搞定移动页面布局。

第六、H-ui

官方网站：http://www.h-ui.net

H-ui，基于 HTML、CSS、JAVASCRIPT开发的轻量级web前端框架。 H-ui在bootstrap基础上，吸取众家框架之长，融合开发者自己的思想，进行深度开发，提炼出一套适合中国开发者的HTML和CSS规范。开源免费，简单灵活，兼容性好。

第七、AUI

官方网站：http://aui.dianm.cc

AUI使用MIT开源协议发布，永久免费。会不定时更新版本及发布模板示例。致力于为开发者提供更好的框架。

第八、NEC

官方网站：http://nec.netease.com

NEC，来自网易的前端框架。NEC包括了规范、框架、代码库、插件等内容,致力于为前端开发人员提供高效率高质量的前端页面开发解决方案,提高多人协作效率。