起码不将就
一枚前端小渣渣
|
一个狂炫酷拽吊炸天的公司
movie
获得徽章 0
回去要洗床单被子了，昨晚刚洗了啊，瞬间没有摸鱼的心情了。小东西你等我周末休息带你去绝育
赞了这篇沸点
[vue-vben-admin] 一个基于vue-cli4(深入优化),ant-design-vue,typescript,vue-composition-api,tsx，vue-hooks搭建的后台管理系统，完善的组件封装，适合中大型应用。平滑过渡vue3.
github地址:
github.com
预览地址：vvbin.cn
github地址:
github.com预览地址：
vvbin.cn
展开
14
41
赞了这篇沸点
React 中，从 JSX 到页面经过了什么样的过程？
首先，通过 babel 将 JSX 编译成 JS 对象，然后通过 ReactDOM 的 render 方法构造 DOM 树，并插入到页面某个特定元素上。
那么，为什么要先编译成 JS 对象，然后再构造 DOM 树，而不是从 JSX 构造 DOM 树呢？
一方面，JSX 表示的是 UI 的结构和信息，但是它不一定就要渲染到浏览器的页面上，它还可以渲染到其他设备如手机 APP 中。将 react-dom 解耦出来，可以提升 JSX 的复用性。例如，使用 ReactNative，我们可以将相同的 JSX 结构渲染成原生 APP。
另一方面，当数据变化需要更新组件时，可以用比较快的算法直接操作这个 JS 对象，而不用直接操作页面上的 DOM。这样可以尽量减少浏览器重排，从而提升渲染性能。
首先，通过 babel 将 JSX 编译成 JS 对象，然后通过 ReactDOM 的 render 方法构造 DOM 树，并插入到页面某个特定元素上。
那么，为什么要先编译成 JS 对象，然后再构造 DOM 树，而不是从 JSX 构造 DOM 树呢？
一方面，JSX 表示的是 UI 的结构和信息，但是它不一定就要渲染到浏览器的页面上，它还可以渲染到其他设备如手机 APP 中。将 react-dom 解耦出来，可以提升 JSX 的复用性。例如，使用 ReactNative，我们可以将相同的 JSX 结构渲染成原生 APP。
另一方面，当数据变化需要更新组件时，可以用比较快的算法直接操作这个 JS 对象，而不用直接操作页面上的 DOM。这样可以尽量减少浏览器重排，从而提升渲染性能。
展开
评论
27