命令式与声明式

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

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

相关推荐
nibabaoo2 分钟前
前端开发攻略---在 Vue 3 项目中使用 vue-i18n 实现国际化多语言
前端·javascript·国际化·i18n·vue3
qq_437100667 分钟前
ElasticSearch相关记录
大数据·前端·javascript·elasticsearch·全文检索
CHU7290358 分钟前
剧本杀组车约玩小程序前端功能版块设计及玩法介绍
前端·小程序
清空mega21 分钟前
《Vue3 模板进阶:class/style 绑定、事件对象、修饰符、表单处理与高频易错点》
前端·javascript·vue.js
还是大剑师兰特22 分钟前
Vue3 插槽完整实战(具名插槽 + 动态插槽)
前端·javascript·vue.js
fei_sun23 分钟前
Vue+SpingBoot+MyBaits框架
前端·javascript·vue.js
爱吃鱼的锅包肉27 分钟前
利用css+js实现一个图片随鼠标滑动裁剪的功能
前端·javascript·css·计算机外设
儒雅的烤地瓜28 分钟前
小程序 | Vue小程序开发框架:MPvue与UniApp深度解析
前端·vue.js·uni-app·nodejs·cli·mpvue
小鸡脚来咯29 分钟前
正则表达式考点
java·开发语言·前端
IT_陈寒35 分钟前
SpringBoot开发效率提升50%的5个隐藏技巧,官方文档都没告诉你!
前端·人工智能·后端