命令式与声明式

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

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

相关推荐
Dontla14 小时前
打开网站时弹出Accept Cookies(接受Cookie)提示是什么意思?(数据保护法规,欧盟GDPR)
前端·数据库
weixin_4896900214 小时前
MicroSIP自定义web拨打协议
服务器·前端·windows
幻云201014 小时前
Python机器学习:筑基与实践
前端·人工智能·python
web小白成长日记14 小时前
Vue3中如何优雅实现支持多绑定变量和修饰符的双向绑定组件?姜姜好
前端·javascript·vue.js
晴天飛 雪14 小时前
Spring Boot 接口耗时统计
前端·windows·spring boot
0思必得015 小时前
[Web自动化] Selenium模拟用户的常见操作
前端·python·selenium·自动化
Apifox.15 小时前
测试用例越堆越多?用 Apifox 测试套件让自动化回归更易维护
运维·前端·后端·测试工具·单元测试·自动化·测试用例
玉梅小洋15 小时前
Chrome设置链接自动跳转新标签页而不是覆盖
前端·chrome
EndingCoder15 小时前
反射和元数据:高级装饰器用法
linux·运维·前端·ubuntu·typescript
Marshmallowc15 小时前
React性能优化:useState初始值为什么要用箭头函数?深度解析Lazy Initialization与Fiber机制
前端·react.js·性能优化·前端框架·react hooks