Angular-React-Vue
文章平均质量分 87
通过前端三大框架比较来加深对前端工程的理解。
小白马编程
Hi,大家好!我是 Andy Zhang,是个生活在北京的大龄程序员,喜欢读书与编程。
展开
-
Angular React Vue 比较 – 模板篇之插值
插值是指在模板中动态地使用指定的值,本章将基于标签中最基本的文本插值和 JavaScript 表达式来对三大框架进行比较。原创 2024-03-22 11:15:47 · 577 阅读 · 1 评论 -
Angular React Vue 比较 – 模板篇
如果我们把组件篇比做是前端的 JavaScript ,那么模板篇则是 HTML 。三大框架中的模板在应用中呈现用户界面,就像常规 HTML 一样,但是它具有更多功能。原创 2024-03-21 11:58:47 · 1007 阅读 · 1 评论 -
Angular React Vue 比较 – 组件篇之内置组件
本篇文章是组件篇的最后一篇,我们将探讨一下三大框架本身的内置组件。原创 2024-03-12 17:24:26 · 1659 阅读 · 3 评论 -
Angular React Vue 比较 – 组件篇之异步组件
在大型应用中我们可能需要拆分应用为更小的块,并仅在需要时再从服务器加载相关组件,这个时候我们就用到了异步组件。原创 2024-03-08 11:48:58 · 745 阅读 · 1 评论 -
Angular React Vue 比较 – 组件篇之动态组件
应用可能会需要在运行期间加载一些新的组件,这个时候我们就用到了动态组件。本章我们将通过一个动态广告条的示例来介绍三大框架是如何动态添加组件的。原创 2024-03-07 18:04:05 · 669 阅读 · 1 评论 -
Angular React Vue 比较 – 组件篇之事件
组件的事件它和原生 DOM 事件不一样组件,触发的事件没有冒泡机制。我们只能监听直接子组件触发的事件。本章我们比较的三大框架组件中的事件就是父组件监听子组件的事件。原创 2024-03-06 11:01:46 · 896 阅读 · 1 评论 -
Angular React Vue 比较 – 组件篇之Slots
如果我们需要向组件传递元素或组件,这个时候就要用到 Slots 了。在三大框架中,它们对这种传递方式的称呼不同,为了方便起见,我们把这种向组件传递元素或组件的方式统一称为 Slots 。原创 2024-03-04 08:29:32 · 712 阅读 · 1 评论 -
Angular React Vue 比较 – 组件篇之Props
本章介绍了三大框架组件的 Props ,对组件如何传递 prop与渲染阶段 prop 值的转换做了重点说明。三大框架的数据流都是从父组件流单向流入子组件的,不要试图在子组件中修改 prop。原创 2024-03-01 08:52:21 · 676 阅读 · 0 评论 -
Angular React Vue 比较 – 组件篇之生命周期
三大框架中实例化组件并渲染组件视图时,组件实例的生命周期就开始了。生命周期一直伴随着变更检测,框架会检查数据绑定属性何时发生变化,并按需更新视图和组件实例。当从应用中销毁组件实例并从 DOM 中移除它渲染的模板时,生命周期就结束了。原创 2024-02-29 08:15:41 · 1799 阅读 · 0 评论 -
Angular React Vue 比较 – 组件篇
组件篇的系列文章我们将比较三大框架组件中的 JavaScript 部分,HTML 标签和 CSS会在模板篇中进行比较。原创 2024-02-28 08:32:29 · 494 阅读 · 0 评论 -
Angular React Vue 比较 - 前言
生物学上有塑料人体的模型,地理学上有天气预测模型,心理学、经济学、物理学也都有各自的模型。模型的好处是它把问题简化后,能更清晰的呈现给我们重点内容。我们在三大框架的比较过程中,也把它们简化成了一个模型。原创 2024-02-27 10:19:51 · 2483 阅读 · 1 评论