变换（Transformation）设计 React 的核心前提是认为 UI 只是把数据通过映射关系变换成另一种形式的数据。同样的输入必会有同样的输出。这恰好就是纯函数。function NameBox(name) {
return { fontWeight: 'bold', labelContent: name };
}抽象（Abstraction）function FancyUserBox
原创
2023-11-21 09:54:32
68阅读
组件是 React 应用的构建块，自上而下的数据流结合组件可以将 UI 解构为独立且可复用的单元。组件主要做的事情主要有以下三点：
转载
2022-02-28 10:44:12
181阅读
React的起源React来自于Facebook，是的，就是那个你们听说过但是打不开的网站。Facebook的开发者当时在开发一个广告系统，因为对当前所有的MVC框架不满意，所以就自己写了一个UI框架，于是就有了React。后来因为觉得实在是好用，所以在2013年月份开源的此框架。经过这几年的沉淀，React越来越强大，也受到了越来越多的开发者喜爱。React目前（2015-05-04）的版本是0
转载
2022-09-14 10:56:07
252阅读
当前前端三大框架(vue、react和angular)，除了vue之外，国内用得最多的就是react了，之前一直对其实现原理比较好奇，在花了很多时间深入研究了其源码实现后，本篇开始记录一下同样的功能,用vue和react都能实现，相比较vue,react的学习门槛比较高，但是好处是它非常灵活，执行的效率更高(用到了很多新的技术)，我个人觉得react的代码和vue的代码就像linux和window
转载
2021-05-18 13:23:19
275阅读
2评论
这份代码是使用React实现根据用户输入的内容筛选列表的需求，这个需求很常见，使用jquery也可以实现，但是需要写很多dom监听事件，
原创
2022-06-30 17:16:50
49阅读
这份代码是使用React实现根据用户输入的内容筛选列表的需求，这个需求很常见，使用jquery也可以实现，但是需要写很多dom监听事件，很多查找dom然后修改dom的js代码，结构不是很清晰。现在使用React实现，代码如下，可以看到各个模块的功能很清晰，没有查找do...
原创
2021-07-27 19:43:15
128阅读
这两个点是react入门非常重要的两个点，以前我们是直接操作dom的形式去做，react的设计思想和以前直接操作dom是完全不同的，react是一个响应式的框架，他在做编程的时候，强调的是我们不要直接操作dom。我们操作的是数据，通过数据的变化，react会自动感知到数据的变化，自动的帮你去生成do
转载
2019-03-09 20:06:00
266阅读
2评论
Vue 3 和 React 都广泛支持插件化设计思想，但因为它们的架构和理念不同，插件化的实现方式也不尽相同。以下分别详细讲解这两者中如何实现插件化：? 一、Vue 3 中的插件化实现Vue 3 继承了 Vue 2 的插件机制，同时增强了组合式 API 的灵活性。插件在 Vue 3 中仍通过 app.use() 方法进行注册，支持向全局注入方法、组件、指令等。✅ 插件基本结构一个 Vue 插件本质
数据来驱动界面更新（声明式渲染） 只要 数据 发生了改变，界面就会自动改变 之前写法 <div id='box'></div> let message = 'BNTang'; const oDiv = document.querySelector('#div'); oDiv.innerText =
原创
2020-10-22 00:22:00
323阅读
什么叫DDD？从名称入手，顾名思义DDD（domain driven design）,领域驱动设计，是一种设计思想。个人浅薄的理解，DDD主要是想告诉我们在程序设计中，从领域出发，由领域驱动设计，不是由项目驱动设计，也不是由过程驱动设计，先由领域专家进行领域建模，围绕领域进行功能分解，再由开发进行领域实现。践行DDD可以从6w模型入手,首先介绍一下什么是6W模型6W模型: why（业务
转载
2023-07-21 23:02:23
152阅读
设计三大原则：
DRY：
Don't Repeat Yourself。这条准则是
不要重复你自身 。尽量在项目中减少重复的代码行，重复的方法，重复的模块。其实许多设计原则和模式最本质的思想都是在消除重复。我们经常提起的重用性和可维护性其实是基于减少重复这一简单的思想。有效的防止了“
散弹式修改” -- 由于代码重复而
转载
2024-07-26 10:21:51
51阅读
参考答案：Flux 的最大特点，就是数据的"单向流动"。用户访问 ViewView 发出用户的 ActionDispatcher 收到 Action，要求 Store 进行相应的更新Store 更新后，发出一个"change"事件View 收到"change"事件后，更新页面参考参与互动...
原创
2021-10-08 14:17:54
260阅读
HDFS设计目标1）硬件错误是常态，数据保存需要冗余。2）数据批量读取，Hadoop擅长数据分析而不是事务处理。3）大规模数据集。4）简单一致醒模型，降低系统复杂度，文件一次写入多次读取，）“数据就近”原则分配数据节点。HDFS体系结构NameNodeDataNodeSecondayNameNode事务日志映像文件 NameNode文件系统命名空间记录
转载
2024-02-17 12:38:43
30阅读
参考答案：Flux 的最大特点，就是数据的"单向流动"。
原创
2022-01-14 18:01:14
253阅读
MVC 不是一种设计模式,而是一种设计思想 设计模式:是一种固定方法.不灵活,有特定的使用场景 设计思想:是一种思想,比较灵活,有多重设计模式组合实现. MVC设计思想: V(view):主要功能展示数据,只要有数据即可,不关心数据的来源 M(model):主要功能提供数据(主要用来提供数据并不关心数据要谁显示). 
原创
2014-09-19 21:04:12
1027阅读
jQuery设计思想 原文网址：http://jqfundamentals.com/book/ 阮一峰翻译整理 【目录】 一、选择网页元
原创
2023-07-07 20:13:17
88阅读
1、设计模式一模板方法模式一、概念愎板方法模式类图模板方法模式在一个方法中定义算法骨架，而将一些步骤延迟到子类。模板方法使得子类 在不改变算法骨架的前提下，重新定义算法中的某些步骤。模扳方法在实现算法过程中* 用到了这两个操作Q模板方法 本身和这两个礫作的具体实现 之间被解耦了八Cone reteClassfiCld isL J具体类实现了抽象的棧 作.当模板方法需要这 两个抽彖方法时，就会 调目
转载
2024-07-25 19:33:03
35阅读
