![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
文章平均质量分 85
我鑫如一
前端工程师
展开
-
React源码初步整理-尝试编写实现React框架(一)
目录一、在了解React方面的思考1.react是什么?2.该做些什么?二、实现react框架的过程整理2.1 缩小和明确需求范围2.2 js实现React框架的相关逻辑和对象的思考和设计2.3 对象和function初步设计三,开始编写实现React框架3.1 实现dom节点对象这一部分jsx语法的转化是babel实现的最后会转化为3.2 ReactDom.render方法setAttrbute方法3.3 class组件和function组件渲染3.原创 2021-05-05 17:52:35 · 517 阅读 · 2 评论 -
React框架自我整理(四)-这片天空下的生态系统
一、React是什么? 很神奇,兜兜转转。又回到了最初问过的问题,最开始问这个问题的时候,答案多半是官方给出的答案,A Javascript Library for building user interfaces,简短描述来说是一个Ui库。半知半解。但是开始接触到前端工程化相关知识之后,再次审视React。又有了不一样的看法。从工程化的角度去思考这个问题,而不仅仅从作用去看待它 React是前端工程化中视图工程化的重要实践。如果将前端视为一个生态系统,那么React就是将这个生态系统切割...原创 2021-04-01 23:55:22 · 252 阅读 · 0 评论 -
React框架的自我整理和精简(三)
一、事件处理(1)React相关命名方式和调用方法的方式:采用小驼峰式命名法。而不是纯小写。使用JSX语法时候传入一个函数。(2)阻止React中的事件处理:不是return false.而是通过preventDefault.(3)如何正确的传值和调用class方法:用this.handleClick.bind(this);或者使用箭头函数。 二、条件渲染(1)React中无法像Angualr中的ng-for和ng-if那样,将条件渲染相关问题,更多的是通过自行组合处理。(2...原创 2020-12-14 10:50:53 · 86 阅读 · 0 评论 -
React框架自我整理和精简(二)
一、React中的元素组成(1)可以是Dom元素 (2)可以是用户自定义的组件function组件和class组件的对应区别和相应的特点。 class组件继承了React中的生命周期等特点。不同的生命周期可以编写不同的方式进行渲染值和加载函数。 二、提取组件的问题(1)从命名做起 如果随意的编写和和命名组件的话,那么相应的结构,就会非常的凌乱。因此需要组件需要考虑易读性,和相应的通用性。 这就需要从组件的命名开始做起。 如果要编写通用的组件,那就...原创 2020-12-08 22:52:44 · 103 阅读 · 0 评论 -
React框架自我整理和精简(一)12.7
经过几个月的时间,完成了React框架的PC的项目需求编写。和Angular框架下的ionic混合式APP需求编写。现在开始返回回顾对应框架中文文档。并希望在接下来的时间,整理相应的点,并连贯成一个成结构的知识体系。把原有的文档精简,变薄。计划是分阶段的,刚开始的内容会倾向于整理和梳理React中文文档中的内容和知识,并添加自己在实际工作中的想法和经验,将有关联的知识点链接起来。 一、简单的jsxfunciton demoTest(user){ return user.firs...原创 2020-12-08 08:56:59 · 93 阅读 · 0 评论