自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

浮生离梦的博客

技术不止

  • 博客(4)
  • 收藏
  • 关注

原创 react 从入门到实践之 react 的虚拟 DOM 和 Diff 算法

一、react 的虚拟 DOM 和 Diff 算法虚拟 DOM和diff算法是 React中非常核心的两个概念, 我们需要对此有一个很全面的认知。这对于我们用脚手架开发项目, 尤其是企业中前后端分离的项目(类似: 后台管理系统)等有很大的帮助。对于虚拟 DOM的内部执行流程,如下所示:用 JavaScript 对象结构表示 DOM 树的结构;然后用这个树构建一个真正的 DOM 树,插到文档当中;当状态变更的时候,重新构造一棵新的对象树。然后用新的树和旧的树进行比较,记录两棵树差异;把

2021-05-05 15:29:42 245

原创 react 从入门到实践之 react 的生命周期函数和原理

一、react 的生命周期函数组件的生命周期可以帮助我们清楚的剖析一个组件从创建到销毁的全部流程。如果能够做到知其然且知其所以然, 那么在后期多组件、中大型项目开发过程中,就能够很好的把控项目的性能细节。react 生命周期阶段划分,如下所示:初始化阶段,在组件初始化阶段会执行,主要有 constructor、componentWillMount、render 和 componentDidMount更新阶段,props 或 state 的改变可能会引起组件的更新,组件重新渲染的过程中

2021-05-05 15:25:50 313 1

原创 react 从入门到实践之基础总结二

一、React中的组件/模块、 组件化/模块化对于组件,如下所示:一个应用/版块/页面中用于实现某个局部的功能(包括 html, js, css 等)把这些局部功能组装到一起就形成了完整的一个大的功能主要目的在于: 复用代码, 提高项目运行效率对于组件化,如果一个应用是用多组件的方式进行综合开发的, 那么这个应用就是一个组件化应用。对于模块,多个组件形成模块, 或者是一个提供特定功能的 js 文件, 主要特点在于耦合性低, 可移植性高, 执行效率好。对于模块化,如果一个

2021-05-05 15:20:43 142 2

原创 react 从入门到实践之基础总结一

一、为什么要学习React前言,选择任何一门语言学习都是有时间和金钱的成本的,那么 React 值得学习。学习的必要性,如下所示:使用组件化开发方式,符合现代 Web 开发的趋势; 企业前后端项目分离,唯有 React 是首选;技术成熟,社区完善,配件齐全,适用于大型 Web 项目(生态系统健全);由 Facebook 专门的团队维护,技术支持可靠;ReactNative - Learn once, write anywhere: Build mobile apps with React

2021-05-05 15:07:50 221 3

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除