【技术补给站】第9期:从angular、react到vue,探秘三大主流前端框架-星辰平台

华为云社区精选 发表于 2021/04/29 18:00:44 2021/04/29
【摘要】 从这三大主流前端技术出发,看看它们各自特性,以及如何从业务特性出发,选择合适的框架。


前端经过10多年的发展,语言、框架、工具都在趋于稳定。

以框架为例,开源网站 之前统计了前端项目在 github 上过去一年新增的 star 数量 ,2020 年的数据显示,最受欢迎的前端框架分别是:vue、react以及angular。

本文就从这三大主流前端技术出发,看看它们各自特性,以及如何从业务特性出发,选择合适的框架。

选择使用前端框架的原因有很多,组件化、大量现成的第三方组件、第三方库、完善的生态等等。也有技术专家指出,前端框架的根本意义是解决了ui和状态同步的问题。对于前端框架,你的思考是什么?


摘要:了解目前流行的三大技术框架,明确选型的目标:写出干净的代码,简单的代码,用最少的代码实现业务逻辑功能的最大化。

摘要:讨论关于三大框架api不统一的问题,以及对框架大一统和移动端技术演进的思考。

摘要:对当下的前端开发技术做相对详尽的探究,揭开这些前端技术的面纱,看看各自的庐山真面目,并给出前端技术选择的一些建议。

摘要:本文将着重就现代前端开发的主题,详细介绍前端工程化的各个重要技术,帮助大家了解现代前端页面的复杂和多样性是如何构造的。

摘要:如果同一个组件,用不同的框架实现,会有什么不同呢?本文分别选用vue、react、angular三大框架,实现一个简单的pagination分页组件。


angular是angularjs的2.0版本,它的出现变革了jquery 统治的前端行业。angular面向整体应用开发,它最大的特点是把后端的一些开发模式移植到前端来实现,如mvc、依赖注入等。 经过数十年的发展,angular已形成了一个庞大的生态,基于angular的组件库也非常多。


摘要:从什么是angular.js,为什么要使用angular.js到如何去使用,一步步了解框架原理。

摘要:学习angular框架中最具特色的技术——di(依赖注入),了解相关的ioc设计模式、aop编程思想以及实现层面的装饰器语法,再看看如何使用inversify.js来在自己的代码中实现“依赖注入”。

摘要:经过数十年的发展,angular已形成了一个庞大的生态,基于angular的组件库也是多如牛毛,介绍几个github上高收藏,高fork的组件库。

摘要:前端开发的时候经常会遇到页面显示内容有html标记,集成翻译管道可以翻译html,让其显示正常的内容。


react是一个用于构建用户界面的javascript库,主要用于构建ui, 它有三个比较突出的特点:组件化、虚拟dom和单向数据流 。它的应用甚至不局限于 web 开发,它可以与其他库一起使用,以渲染到特定环境。例如react native 可用于构建移动应用程序。


摘要:从安装、开发工具、组件到表格和构建应用,从零开始学习react开发。

摘要:教你快速抓住react.js的要点:1、react.js把视图更新简化为一个render函数;2、render函数接收两个参数,分别是配置项和状态。

摘要:高阶组件的定义是类比于高阶函数的定义,它在很多第三方库(如redux)中都被经常使用,即使你开发的是普通的业务项目,用好高阶组件也能显著提高代码质量。

摘要:react可大致分为三部分:core、reconciler和renderer,带你一一分析其中的逻辑。

摘要:在 react native 项目中引入 react-native-web,尝试基于 react native 实现多端统一化方案 ,并分析关键代码,探究其如何实现多端同构效果。


相比较前两个框架,vue诞生的时间最晚,它取长补短,借鉴了angular和react的特点并做了优化,比如采用组件化的方式,支持双向数据绑定等。在数据操作方面简单,整体更易上手。


摘要:傻瓜式教学,带你一步步完成做好使用vue框架前的准备工作。

摘要:用vue写一个简单的邮件统计页面,先使用脚手架 vue-cli快速创建项目,然后准备文件、路由结构、引入element ui。

摘要:ssr可以解决seo和spa程序首屏白屏的问题,本文解析vue的ssr原理,并进一步分析vue的ssr框架nuxt.js。

摘要:本文主要解读vue 3.0的tree shaking、composition、fragment、teleport特性,以及如何搭建一个vue组件库。

摘要:vue 3有哪些新特性值得关注,如何用它构建企业级前端项目,怎样快速上手vue 3?本篇文章将对此进行详细讲解。

目前,华为云社区活动正在火热进行中 ,快投稿分享你在前端领域的实战经验和技术感悟吧。


聚焦热门的细分技术领域,带来系统且专业的干货解读,从而为开发者提供新技术知识的补给,助力技术能力更上一层楼。

往期回顾

【第1期】 中台规划:重磅发布!《it 2.0时代,华为全场景驱动下中台规划实战全集》


【第2期】数仓调优:数仓性能调优必读:从系统级到sql级,带你进阶为性能调优高手


【第3期】依赖图绘制:学习大数据治理,手把手教你从零开始画dag作业依赖图


【第4期】音视频:音视频爆火的背后,藏着哪些技术奥秘?华为云视频云专家为你深度解读


【第5期】云原生:从架构和实践,剖析kubeedge volcano技术硬实力


【第6期】liteos实操:带你步步深入liteos,掌握物联网开发秘笈


【第7期】 api应用:20个超实用api应用案例,开启api进阶之路(内附资料下载)


【第8期】 hilens开发:用好modelarts hilens,轻松上手端云协同ai开发

【星辰平台的版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区),文章链接,文章作者等基本信息,否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件至:进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容。
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。