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

完全不用前端的web框架

发布时间: 2022-06-13 10:59:28

A. 几个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在主流浏览器的最新版本中得到很好的支持,比以往任何时候都更容易构建复杂的布局。这可能会鼓励更多的开发人员放弃前端框架,从头开始编写他们自己想要的布局。

    来源:网页链接

    B. Web前端开发框架有哪些

    目前常用的一些前端的框架如下:
    1. Bootstrap

    Boostrap绝对是目前最流行用得最广泛的一款框架。它是一套优美,直观并且给力的web设计工具包,可以用来开发跨浏览器兼容并且美观大气的页面。它提供了很多流行的样式简洁的UI组件,栅格系统以及一些常用的JavaScript插件。

    Bootstrap是用动态语言LESS写的,主要包括四部分的内容:

    脚手架——全局样式,响应式的12列栅格布局系统。记住Bootstrap在默认情况下并不包括响应式布局的功能。因此,如果你的设计需要实现响应式布局,那么你需要手动开启这项功能。
    基础CSS——包括基础的HTML页面要素,比如表格(table),表单(form),按钮(button),以及图片(image),基础CSS为这些要素提供了优雅,一致的多种样式。
    组件——收集了大量可以重用的组件,如下拉菜单(dropdowns),按钮组(button groups),导航面板(navigation control)——包括:tabs,pills,lists标签,面包屑导航(breadcrumbs)以及页码(pagination),缩略图(thumbnails),进度条(progress bars),媒体对象(media objects)等等。
    JavaScript——包括一系列jQuery的插件,这些插件可以实现组件的动态页面效果。插件主要包括模态窗口(modals),提示效果(tool tips),“泡芙”效果(popovers),滚动监控(scrollspy),旋转木马(carousel),输入提示(typeahead),等等。

    Bootstrap已经足够强大,能够实现各种形式的 Web 界面。为了更加方便地利用Bootstrap进行开发,很多工具和资源可以用来配合使用,下面列举了其中的一部分工具和资源。

    jQuery UI Bootstrap —— 对于jQuery和Bootstrap爱好者来说这是个非常好的资源,能够把 Bootstrap的清爽界面组件引入到jQuery UI中。
    jQuery Mobile Bootstrap Theme —— 和上面提到的jQuery UI主题类似,这是一个为jQuery mobile建立的主题。如果你想让用Bootstrap开发的网站在手机端也可以优雅访问,那么这个资源对你来说很方便易用。
    Fuel UX —— 它为Bootstrap添加了一些轻量的JavaScript控件。Fuel UI 安装,修改,更新以及优化都很简单方便。
    StyleBootstrap.info —— Bootstrap提供了自己的几种界面风格,StyleBootstrap提供了更多的配色选项,并且你可以给每个组件都应用不同的配色。
    BootSwatchr —— 利用这个工具你可以立刻查看主题修改后的效果。对于每一次变动的效果,这个应用都会生成一个唯一的URL方便你与他人分享,你也可以在任意时刻修改你的主题。
    Bootswatch —— 提供大量免费的Bootstrap主题。
    Bootsnipp —— 在线前端框架交互组件制作工具,是一个供给设计师和开发者的基于Bootstrap HTML/CSS/JavaScript 架构的免费元素。
    LayoutIt —— 通过界面拖放生成器简便快捷地创建基于Bootstrap的前端代码。通过拖放动作将Bootstrap风格的组件加入到你的个人设计里并且可以方便地修改他们的属性,简单便捷。
    2、flex
    Apache基金会发布了Flex 4.8版本,这是Adobe将Flex捐献给Apache基金会后发布的第一个版本
    需要注意的是
    2014年03月10日,Apache Flex技术社区发布了全新的Apache Flex 4.12.0版本,该版本是Apache Flex 4.11.0的升级版本,改进的功能包括:
    ◆支持最新版本的Flash Player
    ◆支持最新的AIR运行时
    ◆改进了内存占用和性能
    ◆改善了针对移动平台的组件的样式
    ◆支持iOS7系统
    ◆修复了超过80个漏洞[4]
    2014年05月10日,Apache对4.12.0版本进行优化改进,发布了Flex 4.12.1,新版本加入对全新Flash Player及Air运行时的支持,改进对移动媒体查询的支持,并修复20多个Bug。
    3、extjs
    ExtJS是一种主要用于创建前端用户界面,是一个基本与后台技术无关的前端ajax框架。
    功能丰富,无人能出其右。
    无论是界面之美,还是功能之强,ext的表格控件都高居榜首。
    华丽的界面,灵活的功能,还有开发工具都是配套的,但有个最大的问题,用就得花钱!

    4、easyui
    easyui帮助你构建你的web应用更加容易。
    它是一个基于jquery的插件,开发出来的一套轻量级的ui框架,非常小巧而且功能丰富。
    但是她有一个最大的问题就是代码只能找到以前的开源的版本,到了1.2以后的版本源代码都是经过混淆的,如果遇到问题修改起来会非常麻烦!不过一个比较大的优势是开源免费,并且界面做的还说的过去!
    5、MiniUI
    又一个基于jquery的框架,开发的界面功能都很丰富。
    jQuery MiniUI – 快速开发WebUI。
    它能缩短开发时间,减少代码量,使开发者更专注于业务和服务端,轻松实现界面开发,带来绝佳的用户体验。
    使用MiniUI,开发者可以快速创建Ajax无刷新、B/S快速录入数据、CRUD、Master-Detail、菜单工具栏、弹出面板、布局导航、数据验证、分页表格、树、树形表格等典型WEB应用系统界面。
    界面做的挺不错,功能也挺丰富,但是有两个比较大的问题,一个是收费,一个是没有源码,说白了,不开源!基于这个开发如果想对功能做扩展就需要找他们的团队进行升级!
    6、jQuery UI
    jQuery UI 是一套 jQuery 的页面 UI 插件,包含很多种常用的页面空间,例如 Tabs(如本站首页右上角部分) 、拉帘效果(本站首页左上角)、对话框、拖放效果、日期选择、颜色选择、数据排序、窗体大小调整等等非常多的内容。
    功能非常全面,界面也挺漂亮的,可以整体使用,也可以分开使用其中的几个模块,免费开源!
    7、DWZ
    DWZ富客户端框架(jQuery RIA framework), 是中国人自己开发的基于jQuery实现的Ajax RIA开源框架.
    设计目标是简单实用,快速开发,降低ajax开发成本。
    欢迎大家提出建议,我们将在下一版本中进一步调整和完善功能.共同推进国内整体ajax开发水平。
    毕竟是国产的,支持一下,而且源码完全公开,可以选择一下!不过性能怎么样不敢确定!
    8、GWT
    Google 网页工具包——GWT 提供了一组基于Java语言的开发包,这个开发包的设计参考Java AWT包设计,类命名规则、接口设计、事件监听等都和AWT非常类似。熟悉Java AWT的开发者不需要花费多大的力气就能够快速的理解GWT开发工具包,将更多地时间投入到GWT应用的开发过程中。
    你不用去了解这样那样的javascript框架,通过java你就可以写出功能丰富的界面,可以做单元测试,毕竟是google的产品,严重支持一下!
    9、YUI
    Yahoo! UI Library (YUI) 是一个开放源代码的 JavaScript 函数库,为了能建立一个高互动的网页,它采用了AJAX, DHTML 和 DOM 等程式码技术。它也包含了许多 CSS 资源。使用授权为 BSD许可证,基本上没怎么研究过!
    YUI Compressor倒是挺出名的,这套UI库不知道应用的情况怎么样!
    10、Sencha
    Sencha 是由 ExtJS、jQTouch 以及 Raphael 三个项目合并而成的一个新项目。
    大公司的框架,并且是几样库的强强联合,值得推荐!
    11、Dojo
    在国内应用好像不是很广,不过性能上应该没问题。
    Dojo是一个用javascript语言实现的开源DHTML工具包。
    有多个基金会的支持,包括IBM和SUN,都是软件界的泰斗,值得信赖!
    12、ZK
    ZK是 一套以 AJAX/XUL/Java 为基础的网页应用程式开发框架,用于丰富网页应用程式的使用接口。最大的好处是,在设计AJAX网络应用程式时,轻松简便的操作就像设计桌面程式一样。 ZK包含了一个以AJAX为基础、事件驱动(event-driven)、高互动性的引擎,同时还提供了多样丰富、可重复使用的XUL与HTML组件,以 及以 XML 为基础的使用接口设计语言 ZK User-interfaces Markup Language (ZUML)。
    功能丰富,全面,文档齐全,而且升级了很多次,非常值得推荐!
    13、OperaMasks-UI
    OperaMasks- UI是OperaMasks团队 2011下半年打造的一款轻量级前端JS组件库,旨在提供一款学习曲线低、定制性灵活、样式统一,且多浏览器支持、覆盖企业业务场景的前端 JavaScript UI组件库。目前,该团队已将这一产品以LGPL 开源协议开放给社区。
    文档丰富,功能齐全,而且很容易使用和开发!而且是国产的哟!
    14、JavaFX
    Sun 公司(已于2009年被Oracle公司收购)在2008年12月05日发布了JavaFX技术的正式版,它使您能利用 JavaFX 编程语言开发富互联网应用程序(RIA)。JavaFX Script 编程语言(以下称为JavaFX)是Sun微系统公司开发的一种declarative, statically typed(声明性的、静态类型)脚本语言。JavaFX技术有着良好的前景,包括可以直接调用Java API的能力。因为 JavaFX Script是静态类型,它同样具有结构化代码、重用性和封装性,如包、类、继承和单独编译和发布单元,这些特性使得使用Java技术创建和管理大型程序 变为可能。

    C. 学习web前端需要了解的几个主流框架

    前端领域最近几年发展的特别迅速,可以说是百家争鸣。在底层的前端框架领域中,最早是jquery称霸互联网,近两年MVVM类型的框架慢慢成为主流,Vue、React和Angular三大框架并驾齐驱。可以说,目前这四种是开发者用的最多使用最广的底层框架。

    下面根据自己工作中、关注中的一些前端框架进行了梳理,对于现在的开发者来说,都向着全栈方向发展,所以必须掌握些前端比较流行的框架,这样才能增强自己的技术体系框架,也对自己将来构架之路进行铺路。

    1、Bootstrap

    Bootstrap是最流行的前端开发框架,可以让不是前端工程师也能开发出优美的页面,更加快捷、方便的开发web页面和移动端应用。也能开发响应式web页面,上手也非常快。中文

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

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

    3、Vue

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

    E. 前端web框架有哪些

    常用的web前端框架,给你举下面3个例子:
    1、Bootstrap
    Boostrap绝对是目前最流行用得最广泛的一款框架。是一套优美,直观并且给力的web设计工具包,可以用来开发跨浏览器兼容并且美观大气的页面。提供了很多流行的样式简洁的UI组件,栅格系统以及一些常用的JavaScript插件。
    2、Fbootstrapp
    Fbootstrapp基于Bootstrap并且提供了跟Facebook iframe
    apps和设计相同的功能。包含用于所有标准组件的基本的CSS和HTML,包括排版、表单、按钮、表格、栅格、导航等等,风格与Facebook类似。
    3、BootMetro
    BootMetro框架的灵感来自于Metro UI CSS,基于Bootstrap 框架构建,用于创建Windows 8
    的Metro风格的网站。包括所有Bootstrap的功能,并添加了几个额外的功能,比如页面平铺,应用程序栏等等。

    F. web 开发一定要用框架吗

    web 开发一定要用框架吗?这个是肯定的,Web框架也可以理解为B/S(Brouser/Server)框架,是一种基于浏览器载体的框架,包含前端、后端和数据库三个大的方向,各个方向的工具技术都不一样。现在主流的工具技术包含.NET、sqlServer、Bootstrap等,开发工具也会不一样。

    Web开发框架

    Web前端开发技术框架包括三个要素:HTML、CSS和JavaScript,当然还有很多高级的前端框架,比如bootstrap、Jquery等。

    Web后端技术框架也有很多,比如.Net、JAVA、PHP等,各大语言都有其开发架构和工具,像.NET的MVC架构和Visual Studio工具,JAVA的J2EE架构和Eclipse工具。

    数据库现在有三种主流的关系型数据库:MysqlSQLserverOracle,还有Nosql非关系型数据库:Redis、Mogodb等。开发工具有SQL Server Management Studio、Navicat等。

    G. 前端可以不用框架吗

    前端为什么要使用框架:
    近年来,因为互联网的崛起,web 业务也越来越复杂和多元化,一个web项目也不是像以前那样写几个网页拼起来,加几个特效 ang 一下就成了。项目复杂了,出现的问题也就多了。
    前后端分离
    在前后分离概念出现之前,大部分 web 项目都是后端人员又当爹又当妈的,前后端一起搞,导致质量和效率不是很好。而且对个人的发展也有影响,一个人你什么都会,也意味着你什么都不精,毕竟天才还是少数的。这也是社会趋势影响,大公司招聘,一般也都是需要某一方面很有研究的专才。
    在互联网的洪流下,以前的那种方式越来越跟不上节奏,所以前后端分离应运而生。
    前后端分离后,前端的任务也变得重要起来,web前端开发慢慢趋于规范。
    但是在 jQuery 称霸的时代里,并不能满足前端开发人员的需求。也慢慢暴露出了很多不好解决的问题:外部js引用太多,复用性低,开发周期太长,性能低,效率低等等,这些 jQuery 不好解决或者说解决不了的问题,也成为了前端开发的趋势。
    所以学习前端是要会框架的,千锋前端的课程,会学习框架,你可以去看看

    H. web前端主流框架主要有哪些

    1、Bootstrap


    AUI是最近流行起来的,作者声称是专为APIClound设计的一套框架,解决了许多移动端开发实际中遇到的许多问题,是一个纯CSS框架。使用容器+布局+模块的构建方式,JS辅助,更自由更灵活更易于扩展使用。遵循Google Material设计规范,完美适配各个机型。面向HTML5,使用CSS3实现动画交互,轻量级高性能。AUI是使用MIT License授权,你可以复制、出售。目前最新版本2.0。

    8、Amaze UI

    这是称为妹子UI的开源框架,据称是中国首个开源HTML5跨屏前端框架。妹子UI以移动优先为理念,从小屏逐渐到大屏,实现响应式网页。Amaze UI包含20+个CSS组件、20+个JS组件,更有多个包含不同主题的Web组件。相比国外框架,妹子UI关注中文排版提供本地化支持。面向HTML5开发,使用CSS3来实现动画交互,轻量级高性能。

    9、Frozen UI

    Frozen UI是一款开源,简单易用,轻量敏捷的移动端框架。基于手Q样式规范,目前全面应用于企鹅手Q增值业务中。基础样式效果简单色调清爽,社区活跃,组件自然不少。包括按钮、列表、表单、通知、提示条、弹出框、选项卡等等常用组件。还包括一个FrozenJs的JS组件库。可以在主流的Android和IOS上应用。基本样式使用离线包的方式减少请求提供快速接入方案。当然,根据网友反映,也存在大大小小的bug。不过总体来说,还是值得一用的。奇怪的是,Github上显示的最后更新时间是一年前,难道已经没人维护了吗?

    # Running this will show the space usage of each folder in the current directory.# The -h option makes the report easier to read.# -s prevents recursiveness and shows the total size of a folder.# The star wildcard (*) will run on each file/folder in current directory. -sh *1.2G Desktop4.0K Documents40G Downloads4.0K Music4.9M Pictures844K Public4.0K Templates6.9M Videos

    还有一个相似的命令 df(Disk Free),使用df会返回有关可用磁盘空间的各种信息。

    I. 只是做一个ui或者说web界面需要前端框架吗

    框架主要是后端用的多,ui或者web是前端,不过用框架可以事半功倍

    J. 为什么很多网站都不用开源的web前端框架

    因为他们有自己的前端框架,如果用别人的框架,那就意味着整个网站要进行重构,小网站倒是无所谓,大网站那意味着繁重的工程量,还不如优化自己原有的框架。