命令式与声明式

命令式 (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 函数去实现创造真正的渲染元素

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

相关推荐
嘉琪0013 分钟前
Day4 完整学习包(this 指向)——2026 0313
前端·javascript·学习
前端小菜鸟也有人起3 分钟前
Vue3父子组件通信方法总结
前端·javascript·vue.js
peachSoda76 分钟前
小程序图片加载优化方案
前端·微信小程序·小程序
Maimai1080811 分钟前
React Server Components 是什么?一文讲清 CSR、Server Components 与 Next.js 中的客户端/服务端组件
前端·javascript·css·react.js·前端框架·html·web3
肉肉不吃 肉21 分钟前
事件循环,宏任务,微任务
前端·javascript
z止于至善27 分钟前
Vue ECharts:Vue 生态下的 ECharts 可视化最佳实践
前端·vue.js·echarts·vue echarts
℘团子এ27 分钟前
什么是Docker
前端·docker·容器
Software攻城狮28 分钟前
【el-table 表格组件 删除标头分割线】
前端·vue.js·elementui