web前端三大主流框架，零基础入门到精通，收藏这篇就够了

原创 于 2025-12-22 05:45:00 发布 · 343 阅读 · 9 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端 #javascript #开发语言

  • 前言
  • web前端三大主流框架
    • 1、Angular
    • 2、React
    • 3、Vue
  • 其他框架
    • 1、miniui
    • 2、Layui
    • 3、Bootstrap
    • 4、MUI
    • 5、Backbone.js
    • 总结
  • 感谢

前言

把博主使用过的前端框架的都列出来，分享给大家！
博主主要开发后端。

web前端三大主流框架

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

1、Angular

类别地址当前最新版本号更新时间
官方地址https://angular.io/v14.1.32022-08-21
官方仓库https://github.com/angular/angular––

其中，Angular是一款优秀的前端JS框架，Angular有着诸多特性，
最为核心的是MVW、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。
Angular是一个比较完善的前端框架，包含服务，模板，数据双向绑定，模块化，路由，过滤器，依赖注入等所有功能，在自定义指令后可以在项目中多次使用。

2、React

类别地址当前最新版本号更新时间
官方地址https://reactjs.org/v18.2.02022-08-21
中文官方地址https://react.docschina.org/v18.2.02022-08-21
官方仓库https://github.com/facebook/react/––

React可以非常轻松地创建用户交互界面。
为其应用的每一个状态设计简洁的视图，在数据改变时React也可以高效地更新渲染界面。React为其程序编写独立的模块化UI组件，这样当某个或某些组件出现问题是，可以方便地进行隔离。

3、Vue

类别地址当前最新版本号更新时间
官方地址https://vuejs.org/v3.2.372022-08-21
中文官方地址https://cn.vuejs.org/v3.2.372022-08-21
官方仓库https://github.com/vuejs/––

Vue是一个构建数据驱动的Web界面的渐进式框架。
Vue的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。
Vue对模块很友好，可以通过NPM、Bower或Duo安装，不强迫所有的代码都遵循Angular的各种规定，使用场景更加灵活。

其他框架

1、miniui

名称官网地址当前最新版本号更新时间
jQuery MiniUIhttp://www.miniui.com/v3.02022-08-21

2、Layui

名称官网地址当前最新版本号更新时间
Layuihttps://layuion.com/v2.7.62022-08-21

3、Bootstrap

类别地址当前最新版本号更新时间
官方地址https://getbootstrap.com/v5.1.32022-08-21
中文官方地址https://www.bootcss.com/v5.1.32022-08-21
官方仓库https://github.com/twbs––

4、MUI

类别地址当前最新版本号更新时间
官方地址https://dev.dcloud.net.cn/mui/v3.7.12022-08-21
官方仓库https://github.com/dcloudio/mui––

5、Backbone.js

类别地址当前最新版本号更新时间
官方地址http://backbonejs.org/v1.4.12022-08-21
官方仓库https://github.com/jashkenas/backbone––

总结

Bootstrap是让页面更简洁、直观、强悍、移动设备优先的前端开发框架，让Web开发更迅速、更简单。
Backbone是一种帮助开发重量级的javascript应用的框架，其文件本身很小，压缩后只有5.3KB。

这个 Backbone，博主还没使用过呢。

感谢

博主对前端的很多东西只是皮毛，有不对的地方，欢迎批评指正哈。

阅读我的博客，除了获取文章标题对应的答案，博主还会把相关的知识也分享给大家。

如果您认为这篇文章还不错或者有所收获，您可以点击右下角的【点赞】支持，或请我喝杯咖啡【赞赏】，这将是我继续写作，分享的最大动力！
作者：勤快的小蚂蚁
声明：原创博客请在转载时保留原文链接或者在文章开头加上本人博客地址，如发现错误，欢迎批评指正。凡是转载于本人的文章，不能设置打赏功能，如有特殊需求请与本人联系！

2025开年，AI技术打得火热，正在改变前端人的职业命运：

阿里云核心业务全部接入Agent体系；

字节跳动30%前端岗位要求大模型开发能力；

腾讯、京东、百度开放招聘技术岗，80%与AI相关……

大模型正在重构技术开发范式，传统CRUD开发模式正在被AI原生应用取代！

最残忍的是，业务面临转型，领导要求用RAG优化知识库检索，你不会；带AI团队，微调大模型要准备多少数据，你不懂；想转型大模型应用开发工程师等相关岗，没项目实操经验……这不是技术焦虑，而是职业生存危机！

曾经React、Vue等热门的开发框架，已不再是就业的金钥匙。如果认为会调用API就是懂大模型、能进行二次开发，那就大错特错了。制造、医疗、金融等各行业都在加速AI应用落地，未来企业更看重能用AI大模型技术重构业务流的技术人。

如今技术圈降薪裁员频频爆发，传统岗位大批缩水，相反AI相关技术岗疯狂扩招，薪资逆势上涨150%，大厂老板们甚至开出70-100W年薪，挖掘AI大模型人才！

在这里插入图片描述

不出1年 “有AI项目开发经验”或将成为前端人投递简历的门槛。

风口之下，与其像“温水煮青蛙”一样坐等被行业淘汰，不如先人一步，掌握AI大模型原理+应用技术+项目实操经验，“顺风”翻盘！

大模型目前在人工智能领域可以说正处于一种“炙手可热”的状态，吸引了很多人的关注和兴趣，也有很多新人小白想要学习入门大模型，那么，如何入门大模型呢？

下面给大家分享一份2025最新版的大模型学习路线，帮助新人小白更系统、更快速的学习大模型！

2025最新版优快云大礼包：《AGI大模型学习资源包》免费分享**

一、2025最新大模型学习路线

一个明确的学习路线可以帮助新人了解从哪里开始，按照什么顺序学习，以及需要掌握哪些知识点。大模型领域涉及的知识点非常广泛，没有明确的学习路线可能会导致新人感到迷茫，不知道应该专注于哪些内容。

我们把学习路线分成L1到L4四个阶段，一步步带你从入门到进阶，从理论到实战。

L1级别:AI大模型时代的华丽登场

L1阶段：我们会去了解大模型的基础知识，以及大模型在各个行业的应用和分析；学习理解大模型的核心原理，关键技术，以及大模型应用场景；通过理论原理结合多个项目实战，从提示工程基础到提示工程进阶，掌握Prompt提示工程。

L2级别：AI大模型RAG应用开发工程

L2阶段是我们的AI大模型RAG应用开发工程，我们会去学习RAG检索增强生成：包括Naive RAG、Advanced-RAG以及RAG性能评估，还有GraphRAG在内的多个RAG热门项目的分析。

L3级别：大模型Agent应用架构进阶实践

L3阶段：大模型Agent应用架构进阶实现，我们会去学习LangChain、 LIamaIndex框架，也会学习到AutoGPT、 MetaGPT等多Agent系统，打造我们自己的Agent智能体；同时还可以学习到包括Coze、Dify在内的可视化工具的使用。

L4级别：大模型微调与私有化部署

L4阶段：大模型的微调和私有化部署，我们会更加深入的探讨Transformer架构，学习大模型的微调技术，利用DeepSpeed、Lamam Factory等工具快速进行模型微调；并通过Ollama、vLLM等推理部署框架，实现模型的快速部署。

整个大模型学习路线L1主要是对大模型的理论基础、生态以及提示词他的一个学习掌握；而L3 L4更多的是通过项目实战来掌握大模型的应用开发，针对以上大模型的学习路线我们也整理了对应的学习视频教程，和配套的学习资料。

二、大模型经典PDF书籍

书籍和学习文档资料是学习大模型过程中必不可少的，我们精选了一系列深入探讨大模型技术的书籍和学习文档，它们由领域内的顶尖专家撰写，内容全面、深入、详尽，为你学习大模型提供坚实的理论基础。（书籍含电子版PDF）

三、大模型视频教程

对于很多自学或者没有基础的同学来说，书籍这些纯文字类的学习教材会觉得比较晦涩难以理解，因此，我们提供了丰富的大模型视频教程，以动态、形象的方式展示技术概念，帮助你更快、更轻松地掌握核心知识。

四、大模型项目实战

学以致用 ，当你的理论知识积累到一定程度，就需要通过项目实战，在实际操作中检验和巩固你所学到的知识，同时为你找工作和职业发展打下坚实的基础。

五、大模型面试题

面试不仅是技术的较量，更需要充分的准备。

在你已经掌握了大模型技术之后，就需要开始准备面试，我们将提供精心整理的大模型面试题库，涵盖当前面试中可能遇到的各种技术问题，让你在面试中游刃有余。


因篇幅有限，仅展示部分资料，需要点击下方链接即可前往获取

2025最新版优快云大礼包：《AGI大模型学习资源包》免费分享

java框架 零基础从入门到精通的学习路线 附开源项目面经等（超全）
码农研究僧的博客
10-01 3万+
这篇文章主要总结我之前所学过的框架以及学习路线 从实打实的零基础到框架再到项目 之后实习工作 🤟 找工作，来万码优才：👉 #小程序://万码优才/r6rqmzDaXpYkJZF 也在这篇博客中记录我的学习笔记 以及在笔记中遇到的配置安装、代码bug等错误 都从零开始摸索并且记录了下来 后期也会一直实时更新 一键三连防丢失
50条Web渗透快速打点技巧！零基础入门到精通，收藏这篇就够了
ewii12567的博客
01-20 1261
Web渗透快速打点是一个涉及多个阶段和技巧的过程，从信息收集到漏洞利用，再到防御与修复建议，每一步都可能成为获取目标系统访问权限或提升安全性的关键。安全从业者需要不断学习和实践这些技巧，以应对日益复杂的网络威胁。同时，这些操作必须在合法授权的范围内进行，以确保不违反法律法规。通过持续学习和实践，从业者可以不断提升自己的技能水平，为Web应用的安全性保驾护航。
十大常见web漏洞（非常详细）零基础入门到精通，收藏这一篇就够了
A1_3_9_7的博客
05-26 1386
Web应用是指采用B/S架构、通过HTTP/HTTPS协议提供服务的统称。随着互联网的广泛使用，Web应用已经融入到日常生活中的各个方面：网上购物、网络银行应用、证券股票交易、政府行政审批等等。在这些Web访问中，大多数应用不是静态的网页浏览，而是涉及到服务器侧的动态处理。此时，如果Java、PHP、ASP等程序语言的编程人员的安全意识不足，对程序参数输入等检查不严格等，会导致Web应用安全问题层出不穷。
Web 安全基础，零基础入门到精通，看这一篇就够了！
程序员若风的博客
05-22 697
​Web 安全是指保护 Web 应用程序免受各种网络威胁，确保 Web 服务的保密性、完整性和可用性。在当今数字化时代，Web 应用广泛存在于各个领域，从电子商务到社交媒体，从企业内部系统到政府公共服务平台。Web 安全旨在防止恶意攻击者利用 Web 应用中的漏洞，窃取敏感信息、篡改数据或破坏服务。
十佳web黑客技术（非常详细）零基础入门到精通，收藏这一篇就够了
A1_3_9_7的博客
03-03 582
背景介绍#10. 攻击根 EPP 服务器以控制区域#9.Cookie 崩溃：破坏和修复 Web 会话完整性#8.从Akamai到F5再到NTLM#7.如何黑掉 Microsoft Teams 并在 Pwn2Own 中获得 150,000 美元#6.HTTP请求分割利用#5.利用HTTP解析器的不一致性#4.PHP过滤器链：从基于错误的Oracle读取文件#3.SMTP Smuggling – 在全球范围内伪造电子邮件#2.利用强化的 .NET 反序列化。
小米运维工程师面试真题，零基础入门到精通，收藏这篇就够了
A1_3_9_7的博客
10-14 936
在这里插入代码片## 小米Linux 运维工程师面试真题首先我们来看下小米 Linux 运维工程师招聘岗位要求:**【岗位定义】**运维工程师**【岗位薪资】**10K-24K**【基本要求】**北京 / 经验 3-5 年 / 本科及以上 / 全职1、负责小米网交易系统部署、监控、可持续优化等；2、负责小米网抢购系统运维变更、监控告警、故障排查等工作；3、遇突发事件及时响应，跟踪与解决。1、三年以上网站运维工作经验，并在具有大型网站或大型项目工作经验；
2025版最新网络安全工程师考证指南，零基础入门到精通，收藏这篇就够了
2402_84205067的博客
12-16 676
国内网络安全行业主要认证包括：CISP-PTE（注册渗透测试工程师），是国内唯一官方认可的渗透测试认证；CISP-PTS（注册渗透测试专家）是国家级最高等级渗透测试认证，含金量更高；CISP-A（注册信息系统审计师）专注于信息系统审计能力；CISP-IRE（注册应急响应工程师）是国内首个应急响应认证，培养网络安全事件处置人才。这些认证由中国信息安全测评中心颁发，涵盖渗透测试、系统审计、应急响应等网络安全核心领域。
网络安全主要内容（非常详细）零基础入门到精通，收藏这篇就够了
网络安全学习教程分享
04-27 824
网络安全是指保护计算机网络及其相关系统、设备和数据免受未经授权的访问、使用、泄露、破坏或干扰的一种措施或实践。它包括保护网络中的硬件、软件和数据免受各种威胁和攻击，以确保网络的机密性、完整性和可用性。
前端UI框架汇总，零基础入门到精通，收藏这篇就够了
Javachichi的博客
12-11 665
本文整理了一些比较流行的前端UI框架，排名不分先后，仅供参考。可按照项目需求自行考虑。
计算机科学与技术专业解析，零基础入门到精通，收藏这篇就够了
A1_3_9_7的博客
02-10 2129
计算机科学与技术专业的课程清单可以归纳为以下几个主要方面：一、公共课程● 数学：高等数学、线性代数、概率论与数理统计● 英语：大学英语● 政治与通识：思想道德修养与法律基础、中国近现代史纲要● 体育：体育课二、专业基础课程a. 微型计算机技术b. 计算机系统结构c. 计算机组成原理a. 汇编语言b. 编译原理c. C语言/C++语言d. Java语言e. 高级语言程序设计a. 数值分析b. 离散数学c. 算法与数据结构d. 计算方法a. TCP/IP协议b. 计算机通信网。
2025版最新计算机就业现状，零基础入门到精通，收藏这篇就够了
十年网络攻防经验 每天分享网络安全知识
02-27 1208
下面给大家总结了一套适用于网安零基础的学习路线，应届生和转行人员都适用，学完保底6k！就算你底子差，如果能趁着网安良好的发展势头不断学习，日后跳槽大厂、拿到百万年薪也不是不可能！网络安全产业就像一个江湖，各色人等聚集。
前端从入门到精通视频教程（全）.zip
06-09
《前端从入门到精通视频教程（全）》是一套全面且深入的前端开发学习资源，旨在帮助初学者和有志于提升技能的开发者系统性地掌握前端开发技术。本教程覆盖了前端开发的基础知识到高级应用，是学习前端编程语言的理想...
WebGIS入门教程（非常详细）从零基础入门到精通，看完这一篇就够了【建议收藏】
2301_78220461的博客
04-25 3256
《WebGIS之Vue零基础教程》（1）Vue简介《WebGIS之Vue零基础教程》（2）Vue快速上手WebGIS开发系列教程（1）：GIS开发基础WebGIS开发系列教程（2）：Openlayers概述WebGIS开发系列教程（3）：Openlayers快速入门WebGIS开发系列教程（4）：Openlayers之多源数据展示WebGIS开发系列教程（5）：Openlayers高级功能WebGIS开发系列教程（6）：Openlayers之项目实战Three.js三维开发0基础教程：(1)搭建开发环境Th
网络工程师软考笔记（非常详细）零基础入门到精通，收藏这篇就够了
weixin_57514792的博客
08-22 1844
网络工程师软考笔记（非常详细）零基础入门到精通，收藏这篇就够了
vue2/vue3前端创建脚手架并引入RBAC权限模型
demotang的博客
12-18 206
本文介绍了基于Vue的RBAC权限管理系统实现方案。主要内容包括：1) 使用VueCLI创建项目并配置基础结构；2) 封装axios请求，实现请求/响应拦截；3) 通过Vuex管理角色和权限状态；4) 实现路由守卫和动态路由生成；5) 开发权限指令和按钮组件进行细粒度控制；6) 完整RBAC流程实现，包括登录认证、权限获取和访问控制。该方案覆盖了前端RBAC的核心功能，可根据项目需求灵活调整。
使用 Python 语言 从 0 到 1 搭建完整 Web UI自动化测试学习系列 34--基础知识 9--文件上传功能
我的xiaodoujiao，软件测试人员
12-21 709
Web UI自动化测试学习系列第三十四篇
12.17 脚本网页 创意导航
2503_93413701的博客
12-17 518
分享一下短小，好看的导航。
【Svelte】怎样实现一个图片上传功能？
最新发布
纠缠AI的亮子
12-21 160
在 Svelte 中实现这个功能，最优雅的方式是结合使用bind:this（获取 input 引用）和（生成本地预览地址）。
万字讲解内网横向渗透vulnstack（七）：红日靶场7实战全流程1-提权Web1/Web2（CVE-2021-3493）
mooyuan的网络安全博客
12-18 1150
本文详细记录了针对红日靶场7的多层渗透测试过程。首先通过外网攻击利用Redis未授权漏洞获取Web1跳板机权限，随后以此为跳板对内网Web2服务器进行渗透，先后利用Laravel漏洞获取初始访问权限、通过环境变量提权获取Docker容器内root权限，最后利用特权模式实现Docker逃逸，成功控制宿主机。整个渗透过程涉及信息收集、漏洞利用、权限提升、容器逃逸等多个环节，展示了从外网到内网的完整攻击链。
零基础从入门微前端到精通微前端
04-10
### 学习微前端技术的完整路径 #### 一、理解微前端的概念 微前端是一种架构模式，旨在通过将大型单体应用程序拆分为多个小型独立模块来提升开发效率和灵活性。这种设计允许不同的团队并行工作于各自的子项目中，同时保持整体系统的统一性和一致性[^1]。 #### 二、掌握基础技能 在深入研究微前端之前，需具备扎实的基础知识，这包括但不限于 HTML 的基本语法及其常见标签的应用能力[^3]，CSS 样式的编写技巧以及盒模型的理解[^4]，还有 JavaScript 编程语言的核心概念。这些构成了现代 Web 开发的技术基石。 #### 三、熟悉主流框架 对于希望从事基于 React 技术栈下的微前端实现者来说，深刻理解和熟练运用 React 是必不可少的前提条件。React 提供了一个强大的工具集用于创建动态用户界面，并以其独特的虚拟 DOM 和组件化的思维引领着当前前端发展的潮流方向[^2]。 #### 四、探索现有解决方案 目前市面上已存在多种成熟的微前端方案可供参考借鉴，比如 Single-SPA 或 Module Federation 等开源库/插件能够极大地简化跨应用间通信集成过程中的诸多难题处理流程；另外也可以查看一些企业内部成功案例分享文章获取灵感启发。 #### 五、动手实践项目 理论联系实际非常重要，在充分准备之后可以尝试启动一个小规模的真实世界级别的实验型产品作为练手材料——设定清晰目标范围内的功能需求列表，按照所学方法论逐步实施部署上线整个生命周期管理环节直至最终交付成果验收合格为止。 ```javascript // 示例：使用Single SPA注册React应用 import { registerApplication, start } from 'single-spa'; registerApplication({ name: '@microfrontend/react-app', app: () => System.import('@microfrontend/react-app'), activeWhen: ['/react'] }); start(); ``` #### 六、持续优化改进 随着业务场景复杂度增加和技术环境变化调整策略尤为重要，定期回顾评估已有体系是否存在瓶颈问题亟待解决或者是否有更好替代选项值得考虑采纳进来进一步增强系统表现力水平。 --- 相关问题
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值