命令式与声明式

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

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

相关推荐
计算机软件程序设计3 分钟前
vue和微信小程序处理markdown格式数据
前端·vue.js·微信小程序
指尖时光.4 分钟前
【前端进阶】01 重识HTML,掌握页面基本结构和加载过程
前端·html
前端御书房8 分钟前
Pinia 3.0 正式发布:全面拥抱 Vue 3 生态,升级指南与实战教程
前端·javascript·vue.js
NoneCoder23 分钟前
JavaScript系列(84)--前端工程化概述
前端·javascript·状态模式
晚安72030 分钟前
idea添加web工程
java·前端·intellij-idea
零凌林2 小时前
vue3中解决组件间 css 层级问题最佳实践(Teleport的使用)
前端·css·vue.js·新特性·vue3.0·teleport
糟糕好吃2 小时前
用二进制思维重构前端权限系统
前端
拉不动的猪2 小时前
刷刷题17(webpack)
前端·javascript·面试
烂蜻蜓2 小时前
深入理解 Uniapp 中的 px 与 rpx
前端·css·vue.js·uni-app·html
木亦Sam3 小时前
响应式网页设计中媒体查询的进阶运用
前端·响应式设计