显式变异 – 这涉及一个反应组件如何理想地表达为纯函数或类似于纯函数,即给定一个特定的输入(在这种情况下是一组道具),你总是得到相同的输出(在这种情况下渲染的DOM)无论如何多少次你尝试使用相同的道具.

因此,任何应用于组件或其数据的突变都应该明确意图在组件的范围内完成(这是内部状态进入的地方,通常是对输入道具变化的反应,或者某些组件内的用户交互)并且通过这样做也是可靠且可重复的 – 给定相同的道具和相同的用户交互,结果仍应完全可预测

出于这个原因,React特别擅长将不可变数据结构作为道具组合,这有助于实现这一目标(并且这样做可以对输入发生变化做出一些假设,以提供性能提升)

同样以这种方式表现,不可重复的边缘案例错误显着减少,并且仍然存在的错误可以更容易推理并且倾向于本地化到组件或其直接输入

静态心智模型 – 使用React编写应用程序视图层时,您可以轻松地将您的想法提炼到手头的组件,它可以完全从应用程序的上下文中删除,但仍然有意义.你只需要考虑一下特定的输入,这个特定的组件应该如何看待和表现.

例如,给定Todo列表,您不需要记住在应用程序的另一部分中按下“完成所有任务”按钮会更改每个待办事项列表项节点的类名以显示它已完成,并且它会删除允许的事件侦听器您在点击时完成它们(即记住您的应用程序的哪些其他部分会改变您正在使用的DOM)

它可以简单地单独建模为< TodoListItem complete = {true} />零件.如果它是真的,那么可以通过设置自己的className来显示自己完整,并可以根据是否完成来管理自己的事件处理程序.它本质上是一个黑盒子,没有其他任何东西需要知道它是如何显示为完整的或它在完成时的行为方式.即按下一个按钮就可以通过它完成= {true}并完成.

您的大脑更容易专注于单个组件,什么是合理的输入,以及它应该如何表现,而不是还要考虑应用程序中的其他任何内容是否也将完整的类名添加到同一节点并表现为一个错误吧?!

同样重要的是,它使测试变得容易,并且非常容易让其他人出现,一看你的组件并理解它,并自信地使用它,因为他们知道它可以被孤立地对待.他们所看到的就是他们得到的东西.即使是没有应用程序领域知识的CSS / HTML专家,React,甚至是javascript本身,也可以通过新的classNames和标记来改变它的外观,并对在应用程序上下文中工作的变更充满信心(也许通过使用一个静态工具,如https://storybook.js.org/,这是一个很好的效果这一点的完美例子)

用计算机跑模型是什么意思,计算机科学 – 显性变异和静态心理模型是什么意思?...相关推荐

  1. 北邮计算机科学技术是学硕吗,【计算机考研】2020北京邮电大学计算机科学与技术考研初试科目、参考书目、复试详情汇总...

    原标题:[计算机考研]2020北京邮电大学计算机科学与技术考研初试科目.参考书目.复试详情汇总 一.考试科目 计院的学硕是计算机科学与技术,专硕为计算机技术. 计算机科学与技术: ①101思想政治理论 ...

  2. 计算机组成原理认识fpga,计算机组成原理课程设计-基于EDA和FPGA技术的8位模型计算机的设计与实现_精品.doc...

    计算机组成原理课程设计-基于EDA和FPGA技术的8位模型计算机的设计与实现_精品 目录 前言2 第一章 课程设计内容2 1.1 实验要求2 1.2 实验目的2 第二章 实验原理及方案2 2.1 实验 ...

  3. 计算机大学一个专业几个班,2016年兰州大学计算机类(含基地班、计算机科学与技术等4个专业)专业最低分是多少?...

    类似问题答案 2016年兰州大学计算机类(含基地班.计算机科学与技术.信息安全.电专业最低分是多... 学校 地 区 专业 年份 批次 类型 分数 兰州大学 湖南 计算机类(含基地班.计算机科学与技术 ...

  4. 计算机学科知识体系核心课程,计算机科学及技术专业知识体系及课程体系.ppt...

    计算机科学及技术专业知识体系及课程体系 计算机科学与技术专业浅析 史广顺 2006年11月25日 内容提要 中国计算机专业教育发展概况 1956- <1956-1967年科学技术发展远景规划&g ...

  5. 好身材大姐姐学计算机惊喜用英语,重磅开源:超轻量3.5M中英文OCR模型,小小身材大大出乎意料...

    一.导读 不得不说,2020年绝对是OCR开源界的丰收年,各种开源repo横空出世,一次又一次的刷新开源界的baseline,小编今天再次给大家种个草,介绍今年OCR开源领域 "真.良心之作 ...

  6. seq2seq模型_带你读论文 | 端到端语音识别模型

    编者按:过去十年,得益于人工智能与机器学习的突破.算法与硬/软件能力的进步,以及拥有既多样又大量的语音数据库,用以训练多参数的.大规模的语音识别与合成模型,使得语音处理技术获得飞跃性进展. 随着端到端 ...

  7. 两个小模型就能吊打大模型!北大校友、谷歌华人一作「模型集合」,CNN、Transformer都适用!...

    视学算法报道   编辑:小咸鱼 [新智元导读]华人研究员Wang Xiaofang在Google Research实习期间的研究证明,即使是少量简单模型的集合也可以匹配或超过最先进模型的精度,同时效率 ...

  8. 千亿参数大模型时代,QQ浏览器团队十亿级小模型「摩天」登顶CLUE

    机器之心专栏 作者:Joshua 今年以来,中文 NLP 圈陆续出现了百亿.千亿甚至万亿参数的预训练语言模型,炼大模型再次延续了「暴力美学」.但 QQ 浏览器搜索团队选择构建十亿级别参数量的「小」模型 ...

  9. 飞桨模型保存_飞桨实战笔记:自编写模型如何在服务器和移动端部署

    ​ 作为深度学习小白一枚,从一开始摸索如何使用深度学习框架,怎么让脚本跑起来,到现在开始逐步读懂论文,看懂模型的网络结构,按照飞桨官方文档进行各种模型训练和部署,整个过程遇到了无数问题.非常感谢飞桨开 ...

最新文章

  1. Halcon模板轮廓坐标点获取
  2. 第七周实践项目5 排队看病模拟(队列)
  3. ElementUI中的el-table怎样实现多选与单选
  4. pycharm在401跑程序需要每个py文件加一句
  5. Java中方法参数的传递
  6. 询问HTG:白噪声屏幕保护程序,有效的文件命名以及从密码泄露中恢复
  7. python Fabric库学习
  8. 今天高考,讲几句大实话
  9. [vb] Set 语句
  10. 为什么我们总觉得别人掌握的技术总是牛叉的?
  11. Oracle Study之-- enq:SQ contention等待事件
  12. JQueryUI学习文档
  13. etimedout 运行_googleapis 谷歌统计 nodejs 遇到 ECONNRESET和 ETIMEDOUT
  14. 常用的抓包工具有哪些?
  15. nagios的原理及server端跟client端安装配置全部过程
  16. 如何消除自激振荡(硬件每日一题)
  17. 石头机器人拖地水量调节_用石头扫地机器人扫地拖地是一种什么体验
  18. php 高洛峰 正则,PHP 自定义 Smarty 模板引擎类 高洛峰 细说PHP
  19. twitter_如何找回旧的Twitter网站
  20. stm32f105vct6例程_stm32f105例程 CAN500K USART_LED

热门文章

  1. 在家也能健身(01):肱二头肌
  2. idea提交项目至码云(完整步骤介绍及其过程中遇到的各种问题解决办法)gitee码云创建仓库,idea新项目提交至码云完整步骤及其过程中遇到的各种问题
  3. SQL语句经典面试题
  4. python爬虫入门教程pdf-从零开始学Python网络爬虫 PDF 原书扫描版
  5. 台式计算机出场日期怎么查找,如何查看电脑的出厂日期
  6. 街机模拟器winkawak的自定义宏
  7. baby_web、Training-WWW-Robots、ics-06
  8. 真TMD难,代码。我是菜鸟别喷
  9. 机器学习之线性回归算法 Linear Regression
  10. 用树型模型管理App数字和红点提示