命令式与声明式

命令式 (imperative)

一件一件的做事情 (order),关注具体实现目标的步骤

正如英文的解释

the form of a verb that is usually used for giving orders

例如

  1. 创建一个div元素
  2. div中显示 hi
js 复制代码
const el = document.createElement('div')
div.innerText = 'hi'

声明式 (declarative)

关注结果

例如

  1. 创建一个div元素
  2. div中显示 hi
jsx 复制代码
<div>hi<div>

以上代码,需要根据 render 函数去实现创造真正的渲染元素

明显声明式代码无需关心底层细节,更利于快速开发迭代,牺牲的性能问题可以通过一系列的优化手段去规避提升

相关推荐
李少兄6 分钟前
简单讲讲 SVG:前端开发中的矢量图形
前端·svg
前端小万8 分钟前
告别 CJS 库加载兼容坑
前端·前端工程化
恋猫de小郭8 分钟前
Flutter 3.38.1 之后,因为某些框架低级错误导致提交 Store 被拒
android·前端·flutter
JarvanMo12 分钟前
Flutter 需要 Hooks 吗?
前端
光影少年22 分钟前
前端如何虚拟列表优化?
前端·react native·react.js
Moment24 分钟前
一杯茶时间带你基于 Yjs 和 reactflow 构建协同流程图编辑器 😍😍😍
前端·后端·面试
invicinble41 分钟前
对于前端数据的生命周期的认识
前端
PieroPc1 小时前
用FastAPI 后端 和 HTML/CSS/JavaScript 前端写一个博客系统 例
前端·html·fastapi
hunter14501 小时前
2026.1.4 html简单制作
java·前端·笔记·html
鹏程十八少1 小时前
Android 深入剖析Android内存泄漏:ViewPager2与Fragment的生命周期陷阱
android·前端·app