当前位置:首页 » 网页前端 » 前端框架对比
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

前端框架对比

发布时间: 2022-01-30 00:22:49

⑴ 现在比较常用的前端框架有哪些

bootstrap是twitter出的一款不错的UI框架,或者与其说是框架不如说是类库(lib),当然这里边牵扯到一个“究竟什么是框架什么是类库?”的问题,我们暂时不谈。毕竟是有大公司背景的代码堆,我觉得没什么“落伍”可言。
angular是前两年之内突然火得一塌糊涂的一个fe框架,这个我觉得可以算的上是真正意义上的框架了,MVVM双向绑定,包括它拥有足够完善的社区、生态,甚至chrome上都有很多好用的相关插件(这一点可以说是占了google出品的光),比较完整的大型项目都是可以考虑引入的。但如果你的网站只是做一些轻量级的东西,杀鸡焉用宰牛刀吧我觉得。
backbone主要针对的MVC中的M层,至少我是这么理解的。对UI层它几乎没什么太多的限制,一方面给出了coder自由度进行发挥,另一方面也等于在这方面框架本身对开发没提供什么太大的帮助。我觉得这更像是一个高手向的框架,另外对于underscore前端模板那一套东西,说实话作为一名php java啥都能写的FE我始终觉得这套东西有那么一种纯JS工程师的一厢情愿的意味。这是个人看法了,不一定准确,况且有人会搬出ajax动态渲染时 前端模板的作用来反驳我,别急着反驳,至少往下看完我说的话。
相比之下,react可以说是一个在MVC中V层做的十分出色和新颖的框架了,独特的jsx编译机制就已经让你的代码变得高大上了,我是觉得这个类库在UI层做的更彻底更专业,或者说让FE的代码更专业了。更何况,react比angular更年轻,而且同样拥有大公司背景,react native一出更是让JS工程师的地位取得了革命性的提升,(不要跟我提phonegap,用过两个东西后你会明白,react打包的app性能甩phonegap几条街没问题)。另外既然楼主提到了之前的网站是bootstrap,不妨可以看一看react-bootstrap这个东西,或许这就是你想要的。

⑵ 前端ui框架的区别有哪些

前端ui框架的区别有哪些?在各种前端UI框架的差异中,M模型模型;V视图视图;VM视图的模型视图;P主持人节目主持人;C控制器控制器;W不管;让我们先看看MVVM。其余的并不重要。VM属于模型和视图的连接器,并与之分离。每个部分负责不同的内容,为长远发展打下良好的基础。这种观点很容易理解。它是HTML、CSS和JS代码,而且它在前端与HTML和CSS相关。例如:写表单,开始用HTML架构,CSS美化,JS动画控制。模型模型。简而言之,它是服务器与业务逻辑之间连接的形成。其中许多都需要异步处理和独立更新。因此,它必须与视图分开。

前端ui框架的区别有哪些?与前端UI框架相比,两者之间的连接是视图模式视图模型。这只是一个连接,而不是控件。确保独立。在多视图、多模式之前,它是一个很好的桥梁。P在显示和部分控制中起着较大的作用。换句话说,后面在NG中显示的很多角度都可以理解为PC master,比如读取M数据,然后在v-View中插入一个模块。如果用角度进行解释,则控制器为c。因此,绑定V和M会导致后期开发困难。W没有那么具体。更加灵活。由于我们使用了大量的框架和库,由于一些函数被迫分离,开发过程很慢。

以上便是关于前端ui框架的区别介绍了,希望它能帮助我们开拓,并确定属于我们自己的ui框架,这一点非常重要。如果您想了解更多关于ui设计的相关设计技巧及素材等,也可以点击本站其他文章进行学习。

⑶ 做前端ui的javascript框架里 哪个最强大也比较容易上手

ExtJs比较大,也比较复杂,用在商业用途的比较多吧。
jQueryUI比较小,性能也不错,很多网站都是用它来做的。

⑷ 前端什么框架更好用

bootstrap框架,这个应该是所有前端开发都知道并用过的一个框架了,应为这个是目前最流行的框架,使用最广,网上文档资料模板最多最容易查找的了。它提供了很多流行的样式简洁的UI组件,栅格系统以及一些常用的JavaScript插件,简洁、直观、强悍,让web开发更迅速、简单。

Foundation 是一个易用、强大而且灵活的响应式前端框架,用于构建基于任何设备上的响应式网站、 Web应用和电子邮件。结构语前端的学习都是需要不断的学习,学一天停一停相当于白学,学习效果很差,如果你想有人一起学习可以来这个扣裙,首先是132 中间是667最后是127 都是零基础的同学,大家相互鼓励 共同努力 只是学着玩就不建议来了!!!义化、移动设备优先、完全可定制。

Semantic UI 经过多年的努力、致力于可以用更语义化的方式构建网站、原生语言规则让代码更易读易懂。

Amaze UI | 中国首个开源 HTML5 跨屏前端框架。Amaze UI 以移动优先(Mobile first)为理念,组件丰富,模块化;本地化支持, 关注中文排版;轻量级,高性能。官网提供有丰富的模板下载。织梦系统wap手机模块就是用的就是这个。

SUI 是一套基于bootstrap开发的前端组件库,同时她也是一套设计规范。通过SUI,可以非常方便的设计和实现精美的页面。

SUI Mobile 是一套基于 Framework7 开发的UI库。它非常轻量、精美,只需要引入我们的CDN文件就可以使用,并且能兼容到 iOS 6.0+ 和 Android 4.0+,非常适合开发跨平台Web App。

⑸ 几个Web前端开发框架的比较

Bootstrap

Bootstrap是目前可用框架中无可争议的领导者。其人气日益增长,你可以放心的选择这个框架,而不必担心项目会失败,因为具有广泛使用基础的框架,不太可能被抛弃。

  • 创造者:YOOtheme

  • 发行:2013

  • 当前版本:3.0.0

  • 人气:GitHub GitHub上有9,422颗星

  • 说明:“用于开发快速而强大的Web界面的轻量级和模块化的前端框架”。

  • 核心概念/原则:RWD,移动端优先

  • 框架大小:326.9 KB(如果包含uikit-icons.min.js与SVG图标相关的功能,则为384.4KB)

  • 预处理器:少,Sass

  • 响应式布局:是

  • 模块化:是

  • 启动模板/布局:是

  • 图标集:UIkit自带SVG图标系统和类库,其中包含越来越多的大纲图标。

  • 额外/附加组件:是

  • 独特的组件:Article, Flex, Cover, HTML Editor

  • 文件:好

  • 自定义:高级GUI定制程序仅在版本2(以前的版本)中可用

  • 浏览器支持:Chrome,Firefox,Safari,IE9 +

  • 许可证:MIT

  • UIkit说明

    UIkit成功应用在许多WordPress主题中。它提供了灵活和强大的手动定制机制(以前版本的框架还提供了高级GUI定制程序)。

    什么是最适合你的框架?

    在选择框架时,可以从以下几个方面考虑:

  • 所选的框架有足够的人气吗?更多的人气意味着更多的人参与项目,也意味着有更多的教程和社区文章、更多的实例和网站、更多的第三方扩展、更好的相关的Web产品可与其集成。受欢迎程度也意味着框架更具前瞻性,因为具有更大社区的框架不太可能被抛弃。

  • 框架是否正在积极发展?一个好的框架需要不断地使用最新的web技术,特别是在移动端方面。

  • 框架是否达到成熟?如果一个特定的框架在现实项目中还没有被使用和测试,那么将其用于你的专业项目,可能不是一个明智的选择。

  • 框架是否提供了良好的文档?为了方便学习过程,总是需要良好的文档。

  • 框架的特异性是什么?这里的要点是,与具有高级别特异性的框架相比,更通用的框架更容易使用。在大多数情况下,最好选择一个应用最小样式的框架,因为它更容易自定义。与重写现有的CSS规则相比,添加新的CSS规则是一个更方便有效的做法。

  • 如果你还不确定使用哪个框架,那么可以采用混合搭配的方式。当某个特定的框架不能满足你的需求时,可以混合使用两个或多个项目的组件。

    最后值得一提的是,现在Flexbox和Grid Layout在主流浏览器的最新版本中得到很好的支持,比以往任何时候都更容易构建复杂的布局。这可能会鼓励更多的开发人员放弃前端框架,从头开始编写他们自己想要的布局。

    来源:网页链接

    ⑹ web前端三大主流框架都是什么

    web前端三大主流框架都是Angular、React、Vue。

    3、Vue

    Vue作为最后推出的框架(2014年),借鉴了前辈angular和react的特点(如VirtualDOM、双向数据绑定、diff算法、响应式属性、组件化开发等)并做了相关优化,使其使用起来更加方便,更容易上手,比较少适合初学者。

    ⑺ 前端框架用哪个好

    1、flex
    Apache基金会今天发布了Flex 4.8版本,这是Adobe将Flex捐献给Apache基金会后发布的第一个版本。

    需要注意的是,Flex目前还在孵化阶段,还不是Apache的正式项目,Flex 4.8也不是一个正式的Apache版本。

    Apache称,该版本标志着Flex新时代的开始,Flex的未来将由社区来驱动,而不是由一个公司驱动。开发者可以通过贡献代码,来帮助改进Flex,如修复bug、增加功能等。
    从Macromedia卖给Adobe,然后又捐给apache,不知道搞什么名堂。不过还好没有经过大幅重构,否则就真的是悲哀了!
    2、extjs
    ExtJS是一种主要用于创建前端用户界面,是一个基本与后台技术无关的前端ajax框架。
    功能丰富,无人能出其右。
    无论是界面之美,还是功能之强,ext的表格控件都高居榜首。

    华丽的界面,灵活的功能,还有开发工具都是配套的,但有个最大的问题,用就得花钱!
    3、easyui
    easyui帮助你构建你的web应用更加容易。
    它是一个基于jquery的插件,开发出来的一套轻量级的ui框架,非常小巧而且功能丰富。

    官方网站是:
    http://www.jeasyui.com/
    但是她有一个最大的问题就是代码只能找到以前的开源的版本,到了1.2以后的版本源代码都是经过混淆的,如果遇到问题修改起来会非常麻烦!不过一个比较大的优势是开源免费,并且界面做的还说的过去!
    4、MiniUI
    又一个基于jquery的框架,开发的界面功能都很丰富。
    jQuery MiniUI - 快速开发WebUI。
    它能缩短开发时间,减少代码量,使开发者更专注于业务和服务端,轻松实现界面开发,带来绝佳的用户体验。
    使用MiniUI,开发者可以快速创建Ajax无刷新、B/S快速录入数据、CRUD、Master-Detail、菜单工具栏、弹出面板、布局导航、数据验证、分页表格、树、树形表格等典型WEB应用系统界面。

    界面做的挺不错,功能也挺丰富,但是有两个比较大的问题,一个是收费,一个是没有源码,说白了,不开源!基于这个开发如果想对功能做扩展就需要找他们的团队进行升级!
    5、jQuery UI
    jQuery UI 是一套 jQuery 的页面 UI 插件,包含很多种常用的页面空间,例如 Tabs(如本站首页右上角部分) 、拉帘效果(本站首页左上角)、对话框、拖放效果、日期选择、颜色选择、数据排序、窗体大小调整等等非常多的内容。

    功能非常全面,界面也挺漂亮的,可以整体使用,也可以分开使用其中的几个模块,免费开源!
    6、DWZ
    DWZ富客户端框架(jQuery RIA framework), 是中国人自己开发的基于jQuery实现的Ajax RIA开源框架.
    设计目标是简单实用,快速开发,降低ajax开发成本。
    欢迎大家提出建议,我们将在下一版本中进一步调整和完善功能.共同推进国内整体ajax开发水平。
    DWZ论坛 http://bbs.dwzjs.com
    在线演示地址 http://demo.dwzjs.com

    毕竟是国产的,支持一下,而且源码完全公开,可以选择一下!不过性能怎么样不敢确定!
    7、GWT
    Google 网页工具包——GWT 提供了一组基于Java语言的开发包,这个开发包的设计参考Java AWT包设计,类命名规则、接口设计、事件监听等都和AWT非常类似。熟悉Java AWT的开发者不需要花费多大的力气就能够快速的理解GWT开发工具包,将更多地时间投入到GWT应用的开发过程中。
    你不用去了解这样那样的javascript框架,通过java你就可以写出功能丰富的界面,可以做单元测试,毕竟是google的产品,严重支持一下!
    8、YUI
    Yahoo! UI Library (YUI) 是一个开放源代码的 JavaScript 函数库,为了能建立一个高互动的网页,它采用了AJAX, DHTML 和 DOM 等程式码技术。它也包含了许多 CSS 资源。使用授权为 BSD许可证,基本上没怎么研究过!

    YUI Compressor倒是挺出名的,这套UI库不知道应用的情况怎么样!
    9、Sencha
    Sencha 是由 ExtJS、jQTouch 以及 Raphael 三个项目合并而成的一个新项目。

    大公司的框架,并且是几样库的强强联合,值得推荐!
    10、Dojo
    在国内应用好像不是很广,不过性能上应该没问题。
    Dojo是一个用javascript语言实现的开源DHTML工具包。

    有多个基金会的支持,包括IBM和SUN,都是软件界的泰斗,值得信赖!
    11、ZK
    ZK是一套以 AJAX/XUL/Java 为基础的网页应用程式开发框架,用于丰富网页应用程式的使用接口。最大的好处是,在设计AJAX网络应用程式时,轻松简便的操作就像设计桌面程式一样。 ZK包含了一个以AJAX为基础、事件驱动(event-driven)、高互动性的引擎,同时还提供了多样丰富、可重复使用的XUL与HTML组件,以 及以 XML 为基础的使用接口设计语言 ZK User-interfaces Markup Language (ZUML)。
    在线的demo

    设计器的demo

    日历组件

    功能丰富,全面,文档齐全,而且升级了很多次,非常值得推荐!
    12、OperaMasks-UI
    OperaMasks-UI是OperaMasks团队 2011下半年打造的一款轻量级前端JS组件库,旨在提供一款学习曲线低、定制性灵活、样式统一,且多浏览器支持、覆盖企业业务场景的前端 JavaScript UI组件库。目前,该团队已将这一产品以LGPL 开源协议开放给社区。

    文档丰富,功能齐全,而且很容易使用和开发!而且是国产的哟!
    13、JavaFX
    Sun公司(已于2009年被Oracle公司收购)在2008年12月05日发布了JavaFX技术的正式版,它使您能利用 JavaFX 编程语言开发富互联网应用程序(RIA)。JavaFX Script 编程语言(以下称为JavaFX)是Sun微系统公司开发的一种declarative, statically typed(声明性的、静态类型)脚本语言。JavaFX技术有着良好的前景,包括可以直接调用Java API的能力。因为 JavaFX Script是静态类型,它同样具有结构化代码、重用性和封装性,如包、类、继承和单独编译和发布单元,这些特性使得使用Java技术创建和管理大型程序 变为可能。

    ⑻ 商业的前端框架里哪个比较好用

    Angular JS是一款优秀的前端JS框架,已经被用于Google的多款产品当中。AngularJS有着诸多特性,最为核心的是:MVC编程、模块化、控制器、路由、事件绑定等等。
    AngularJS通过为开发者呈现一个更高层次的抽象来简化应用的开发。如同其他的抽象技术一样,这也会损失一部分灵活性。换句话说,并不是所有的应用都适合用AngularJS来做。AngularJS主要考虑的是构建CRUD应用。幸运的是,至少90%的WEB应用都是CRUD应用。但是要了解什么适合用AngularJS构建,就得了解什么不适合用AngularJS构建。

    ⑼ 有哪些轻量级的前端框架

    比较轻量级的前端框架还是很多的
    1、比如移动端使用的zepto.js 电脑端使用的jquery、bootstrap等都是属于轻量级的前端框架
    2、目前前端主流的开发框架是react、vue、angular等。这些开发框架相对之前的直接操作的dom的框架都是比较重的,不是很容易入门和上手