常见的前端框架

news/2024/11/24 0:17:01/

随着前端行业的发展,前端框架越来越多出现,为我们的项目开发工作带来了极大的便利,那目前主流的前端框架有哪些呢?

34df869a8ee945a39e1ac5c7d77a9eac.jpg工作中我们常用的前端框架有vue框架、React框架、Bootstrap框架、Angular框架等,下面给大家简单介绍下这几款框架,为什么开发人员使用较多,希望对新手来说有一个简单了解。

Vue框架

8c8ec44ed9c34ca8895de0171349122f.jpgVue.js是一套构建数据驱动的 web 界面的渐进式框架。它跟其他重量级框架不同的是Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,与其它库或已有项目非常便于整合,也容易学习。

此外,Vue 完全有能力采用单文件组件和 Vue 生态系统支持的库,开发复杂单页应用。Vue.js 通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。提供了更简洁、更易于理解的API,使得我们能快速地上手并使用。

但Vue也有自己的不足之处:就是Vue的现成解决方案很少,因此可能需要考虑创建自己的解决方案来解决各种问题。因为对一个开发人员或项目有效的方法可能对另一个开发人员或项目不起作用,因此必须先研究各种解决方案,然后再来解决。

React框架

5b9064872b8a48a8a052c1232d6e87aa.jpg

 React JS 不像一个框架更像一个库,是由Facebook开发的非MVC模式的框架。

它允许创建一个可复用的UI组件,Facebook和Instagram的用户界面就是用ReactJS开发的。

 

React框架引入了许多自定义的前端Web开发的方法。使用React,首先需要掌握组件的体系结构,JSX和单向数据流等,React框架的出现促使开发了大量额外工具用来实现高度灵活性。

 

但React灵活性也存在一些问题,比如在使用React时会面临选择的问题,而且没有可靠的开发工作流程。我们必须用React构建自己的工作流程。这比使用其他JS框架更困难,因为构建到框架中需要大量的开发工具。

Bootstrap框架

8ed8b2e42b77445dacb7d84afeec9367.jpgBootstrap是基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架,使得 Web 开发更加快捷。提供了优雅的HTML和CSS规范,由动态CSS语言Less写成。

Bootstrap一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目。国内一些移动开发者较为熟悉的框架,如WeX5前端开源框架等,也是基于Bootstrap源码进行性能优化而来。

Bootstrap是当今可用的前端框架中最受欢迎的,它具有直观、时尚的界面而且功能强大可以更快更轻松的实现web开发而且不需要捆绑附件就可以使用许多第三方插件,大多数浏览器都支持它,而且它提供了比其他前端框架更多的组合资源。

Angular框架

444d3f1c81a44e11be1f43521dc8c6ec.jpg

 Angular JS 是有Google维护的开源前端web应用程序框架。Angular JS是一个模型-视图-控制器(MVC)模式的框架,目的在于使HTML动态化。与其他框架相比,它可以快速生成代码,并且能非常轻松的测试程序独立的模块。最大的优势是在你修改代码后,它会立即刷新前端UI,能马上体现出来。

Angular.js通常被称为MVW(模型 - 视图 - 随意)框架,其中包括:快速代码生成,轻松测试任何应用程序部分和双向数据绑定(后端的更改会立即反映在UI上)。自发布以来,它成为开发的最常用的JS框架。对于基于企业的应用程序或具有高标准代码可读性的严格编程环境,Angular-s都是更好的选择。

上面给大家简单介绍了主流的几种框架,各有自己的优缺点,以及特定用处,我们可以根据自己的项目需求来灵活使用。


http://www.ppmy.cn/news/205927.html

相关文章

深入理解Jar文件:创建、使用和多版本控制

🧑‍💻CSDN主页:夏志121的主页 📋专栏地址:Java基础进阶核心技术专栏 目录 🍛 一、创建JAR文件 🍜 二、安装和使用清单文件 🍝 三、创建可执行的JAR文件 🍠 四、多版…

python绘制国际象棋棋盘

国际象棋棋盘是一种具有传统文化内涵的棋类游戏,它由八行八列的格子组成,每行每列的格子上都有不同的棋子。棋盘的每一行和每一列都是由两种颜色的格子构成,一般是黑色和白色,形成了一个相互交错的格子棋盘。 用Python制作国际象…

128G的U盘格式化后只有300M,如何恢复成128G

cmd下依次输入以下命令,每个命令按回车执行; diskpart 运行diskpart list disk 列出本机所有的磁盘 sel disk 2 选择U盘的磁盘号 clean 清楚磁盘 create part primary 将U盘所有空间划分成一个主分区 list part 列出分区,确定分区编号 sel pa…

64GU盘装机后变成32G,且电脑无法识别问题解决

问题描述:借助64G的闪迪U盘给电脑装了系统后,直接拔出后(忘记点弹出了),然后这个电脑的此电脑中就找不到这个U盘(别的电脑可以),但是在电脑右下角可以看到 64G变成32G这个问题网上解…

使用Druid数据源并查看监控页面

💧 使 用 D r u i d 数 据 源 并 查 看 监 控 信 息 \color{#FF1493}{使用Druid数据源并查看监控信息} 使用Druid数据源并查看监控信息💧 🌷 仰望天空,妳我亦是行人.✨ 🦄 个人主页——微风撞见云的博客&…

64gU盘格式化操作后,再次打开显示32g,恢复如下

64gU盘格式化操作后,再次打开显示32g 注:这里并不是u盘的问题(除非你的u盘真的。。。),它只是分区了 如下操作即可: 打开电脑———>管理————>磁盘管理——>然后点击那个u盘 现在在下面这个…

学计算机优盘多少内存够用,u盘建议买多大内存的

大家好,我是时间财富网智能客服时间君,上述问题将由我为大家进行解答。 u盘建议买多大内存主要看用途,一般容量为:1G、2G、4G、8G、16G、32G、64G、128G、256G、512G、1T,具体来说: 1、如果是用来存放视频的…

8G优盘为何不能容纳6G文件?

优盘默认存储文件的容量:1、U盘如果是Fat系统,单个文件最大为2G 2、如果是fat32系统, 单个文件最大为4G3、如果是ntfs系统, 单个文件的大小可为6G及大于6G的文件解决方法为: 打开我的电脑——鼠标右键点你的U盘-——选择属性——硬件——在“所有磁盘…