前端旧约

今天做别人不愿意做的事, 明天做别人不能做的事

随笔分类 -  React

React 中虚拟DOM是什么，为什么需要它？
摘要：注意：本节主要讲React中的虚拟DOM，但是虚拟DOM并不是React中特有的内容。 1. React 中虚拟 DOM是什么？ 虚拟DOM是对真实DOM的描述，虚拟DOM是JS对象，实际上就是 JSX 通过 babel 转换成 React.createElement()，然后这个函数执行后变成的 阅读全文

posted @ 2023-12-07 11:36 前端旧约 阅读(324) 评论(0) 推荐(0)

JSX 代码是如何“摇身一变”成为 DOM 的？
摘要：JSX 是一种语法，并不是 React 中的内容，时下接入 JSX 语法的框架越来越多，但与之缘分最深的仍然是 React。本节来讲一下 React 是如何摇身一变成为 DOM 的。 我们平时在写React时会用 JSX 来描述组件的内容，例如下面的代码中，render 方法 return 的内容就 阅读全文

posted @ 2023-12-05 11:01 前端旧约 阅读(424) 评论(2) 推荐(4)

聊一聊 React 中的 CSS 样式方案
摘要：和 Angular，Vue 不同，React 并没有如何在 React 中书写样式的官方方案，依靠的是社区众多的方案。社区中提供的方案有很多，例如 CSS Modules，styled components，styles jsx 等等。 接下来会详细地说一下这几种方案，在说这几种方案之前，首先说一下 阅读全文

posted @ 2020-03-23 09:25 前端旧约 阅读(3562) 评论(1) 推荐(2)

聊一聊React中虚拟DOM
摘要：1. 什么是虚拟 DOM 在 React 中实际上是 render 函数中return 的内容会生成 DOM，return 中的内容由两部分组成，一部分是 JSX ，另一部分就是 state 中的数据，所以简单来讲，在 React 中 JSX 结合 state 就生成了 DOM。 现在抛开虚拟 DO 阅读全文

posted @ 2020-03-18 22:43 前端旧约 阅读(682) 评论(3) 推荐(3)

导航