• 技术文章 >常见问题

    常用的前端UI框架有哪些

    清浅清浅2019-02-25 16:13:19原创4856
    前端中常见的UI框架有:layui框架、NEC框架、Bootstrap、easyui、jQuery UI框架以及Foundation框架等等

    随着前端的技术日渐更新,越来越多的前端框架随之出现。这些前端框架为我们的开发工程节省了大量的时间,可以使我们通过这些技术快速构建产品。接下来在文章中为大家介绍一些常用的前端ui框架,具有一定的参考价值,希望对大家有所帮助

    Layui

    官方网址:https://www.layui.com/

    layui是一个采用自身模块规范化编写的前端UI框架,它依照原生HTML/CSS/JS的书写与组织形式,入门简单,使用也非常简单。从核心代码到API的每一处细节都经过精心雕琢,非常适合界面的快速开发。

    NEC

    官方网址:http://nec.netease.com/

    NEC框架是非常优秀的CSS框架,它包含了规范、框架、代码库等内容。它也提供了常见布局、模块、技巧等代码,为满足产品对不同的平台和设备的要求,NEC代码库中的代码开发使用了三种版本:兼容、优雅、高级

    兼容:支持包括IE6在内的所有主流浏览器和设备,UI效果可能有所退化。

    优雅:在高级浏览器中有“高级”效果,在低级浏览器中有“兼容”效果,是高级版的“优雅退化”,也是兼容版的“渐进增强”。
    高级:支持IE9+、Chrome、Safari、Firefox等主流浏览器,支持移动设备和所有智能系统,具有优越的UI效果。

    总之NEC提供了很多基础性的东西,对于刚入行的web前端工程师们来说,它可以帮助我们更好更方便的学习一些web前端系统性的东西,规范,BUG,技巧等等,而且每个demo中还自带代码运行效果,可以随时修改方便自己调试、学习

    Bootstrap

    官方网址:http://www.bootcss.com/

    Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 语言的。简洁、直观、实用的前端开发框架,让web开发更迅速、简单。

    【推荐课程:bootstrap教程

    未标题-1.jpg

    jquery EasyUI

    官方网址:http://www.jeasyui.net/

    easyui是一种基于jQuery的用户界面插件集合。为创建现代化,互动,JavaScript应用程序,提供必要的功能。使用easyui你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以定义用户界面。完美支持HTML5网页的完整框架。节省您网页开发的时间和规模。

    【推荐课程:jQuery easyui教程

    未标题-1.jpg

    jquery ui

    官方地址:https://jqueryui.com/

    jQueryUI是一套jQuery的页面UI插件,包含很多种常用的页面空间。例:对话框、拖放效果、日期选择、颜色选择、数据排序、窗体大小调整等等非常多的内容功能非常全面,界面也漂亮,可以整体使用,也可以分开使用其中的几个模块,而且免费开源!

    【推荐课程:jQuery UI教程

    未标题-1.jpg

    Foundation

    官方网址:http://www.foundcss.com/

    Foundation 是一款易用、强大而且灵活的响应式前端框架,用于构建基于任何设备上的响应式网站、 Web应用和电子邮件。结构语义化、移动设备优先、完全可定制。

    【推荐教程:foundation教程

    未标题-1.jpg

    YDUI Touch

    官网地址:http://www.ydui.org/

    YDUI Touch是专为移动端打造,在技术实现、交互设计上能够兼容主流移动设备,保证代码轻、性能高;使用 Flex 技术,灵活自如地对齐、收缩、扩展元素,轻松搞定移动页面布局;实现强大的屏幕适配布局,等比例适配所有屏幕。通过它可以自定义JavaScript组件、Less文件、Less变量,定制一份属于自己的YDUI

    未标题-1.jpg

    相关文章推荐:常用的前端框架有哪些

    总结:以上就是本篇文章的全部内容,希望对大家有所帮助。

    以上就是常用的前端UI框架有哪些的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:UI框架
    上一篇:cpu可以直接访问的存储器是什么 下一篇:c语言变量名规则是什么
    PHP编程就业班

    相关文章推荐

    • Javascript前端UI框架Kit使用指南之Kitjs简介_javascript技巧• 优秀WEB前端UI框架推荐• 前端ui框架有哪些

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网