8个常用的WEB开发前端框架 提高项目前端开发效率
<p>随着互联网的推进我们可以寻找到各种高效资源，比如我们设计网站、小程序和公众号开发的时候，前端设计并不需要我们太多的自主设计，我们可以借助免费开源或者有些付费的前端框架和插件来快速完成。比如我们在设计网站主题的时候，可以借助类似BootStrap、Layui这些常用的前端框架高效开发。</p><p>目前可选的前端框架还是比较多的，有些以前出名的如今已经逐渐淡出我们的视野，包括笔者以前也有用过的Amaze UI，我也准备在这篇文章中分享的但是官方网站好像无法打开SSL失效，估计可能没有人维护。我们真的要去整理前端框架UI的话，大大小小十几个肯定是有的，但是我们一般也用不了这么多，熟悉这么1-2款足矣。</p>
<p><strong>第一、Bootstrap</strong></p>
<blockquote>
<p>官方网站：https://www.bootcss.com</p>
</blockquote>
<p>Bootstrap，来自推特官方提供的一个用于前端开发的开源工具包。由他们的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。目前广泛被用于我们很多网站、移动端、自适应WEB项目中，应该是目前使用最多的前端框架之一。</p>
<p><img class="alignnone wp-image-2860 size-full lazyload" alt="Bootstrap" width="651" height="287" data-tag="bdshare" data-src="https://images.laobuluo.com/2019/12/qianduan-1-1.jpg"></p>
<p><strong>第二、Layui</strong></p>
<blockquote>
<p>官方网站：https://www.layui.com</p>
</blockquote>
<p>Layui，是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。这个前端我也有简单接触过，在行业中用户也在慢慢变多，相对BS框架更加精炼一些。</p>
<p><img class="alignnone wp-image-2861 size-full lazyload" alt="Layui" width="648" height="253" data-tag="bdshare" data-src="https://images.laobuluo.com/2019/12/qianduan-1-2.jpg"></p>
<p><strong>第三、EasyUI</strong></p>
<blockquote>
<p>官方网站：http://www.jeasyui.net</p>
</blockquote>
<p>easyui，是一种基于jQuery、Angular.、Vue和React的用户界面插件集合。easyui为创建现代化，互动，JavaScript应用程序，提供必要的功能。easyui是个完美支持HTML5网页的完整框架。居然还分商业和免费版本，如果我们介意的话那就不要选择。</p>
<p><img class="alignnone wp-image-2862 size-full lazyload" alt="EasyUI" width="653" height="217" data-tag="bdshare" data-src="https://images.laobuluo.com/2019/12/qianduan-1-3.jpg"></p>
<p><strong>第四、jQuery UI</strong></p>
<blockquote>
<p>官方网站：https://jqueryui.com</p>
</blockquote>
<p>jQuery UI，是在jQuery JavaScript库之上构建的一组精选的用户界面交互，效果，小部件和主题。 无论是构建高度交互的Web应用程序，还是只需要向表单控件添加日期选择器，jQuery UI都是理想选择。</p>
<p><img class="alignnone wp-image-2863 size-full lazyload" alt="jQuery UI" width="651" height="298" data-tag="bdshare" data-src="https://images.laobuluo.com/2019/12/qianduan-1-4.jpg"></p>
<p><strong>第五、YDUI Touch</strong></p>
<blockquote>
<p>官方网站：http://www.ydui.org</p>
</blockquote>
<p>YDUI Touch，一个专注移动端、微信的UI框架。YDUI Touch 专为移动端打造，在技术实现、交互设计上兼容主流移动设备，保证代码轻、性能高。使用 Flex 技术，灵活自如地对齐、收缩、扩展元素，轻松搞定移动页面布局。</p>
<p><img class="alignnone wp-image-2864 size-full lazyload" alt="YDUI Touch" width="648" height="399" data-tag="bdshare" data-src="https://images.laobuluo.com/2019/12/qianduan-1-5.jpg"></p>
<p><strong>第六、H-ui</strong></p>
<blockquote>
<p>官方网站：http://www.h-ui.net</p>
</blockquote>
<p>H-ui，基于 HTML、CSS、JAVASCRIPT开发的轻量级web前端框架。 H-ui在bootstrap基础上，吸取众家框架之长，融合开发者自己的思想，进行深度开发，提炼出一套适合中国开发者的HTML和CSS规范。开源免费，简单灵活，兼容性好。</p>
<p><img class="alignnone wp-image-2865 size-full lazyload" alt="H-ui" width="650" height="344" data-tag="bdshare" data-src="https://images.laobuluo.com/2019/12/qianduan-1-6.jpg"></p>
<p><strong>第七、AUI</strong></p>
<blockquote>
<p>官方网站：http://aui.dianm.cc</p>
</blockquote>
<p>AUI使用MIT开源协议发布，永久免费。会不定时更新版本及发布模板示例。致力于为开发者提供更好的框架。</p>
<p><img class="alignnone wp-image-2866 size-full lazyload" alt="AUI" width="648" height="297" data-tag="bdshare" data-src="https://images.laobuluo.com/2019/12/qianduan-1-7.jpg"></p>
<p><strong>第八、NEC</strong></p>
<blockquote>
<p>官方网站：http://nec.netease.com</p>
</blockquote>
<p>NEC，来自网易的前端框架。NEC包括了规范、框架、代码库、插件等内容,致力于为前端开发人员提供高效率高质量的前端页面开发解决方案,提高多人协作效率。</p>
<p><img class="alignnone wp-image-2867 size-full lazyload" alt="NEC" width="642" height="347" data-tag="bdshare" data-src="https://images.laobuluo.com/2019/12/qianduan-1-8.jpg"></p>
<p>总结，以上老蒋整理出来目前网络上比较常用的前端框架UI，有些是适合移动端开发的，有些是PC端自适应移动端的，总之我们根据实际的习惯和喜欢选择，建议是选择大众的且有在维护更替的，有些小众的说不定哪天就不更新。</p>
<div class="post-copyright">未经允许不得转载：老部落 » 8个常用的WEB开发前端框架 提高项目前端开发效率</div><br><br>
来源：https://www.cnblogs.com/itbulu/p/12100171.html
頁:
[1]