获得徽章 0
- React 中,从 JSX 到页面经过了什么样的过程?
首先,通过 babel 将 JSX 编译成 JS 对象,然后通过 ReactDOM 的 render 方法构造 DOM 树,并插入到页面某个特定元素上。
那么,为什么要先编译成 JS 对象,然后再构造 DOM 树,而不是从 JSX 构造 DOM 树呢?
一方面,JSX 表示的是 UI 的结构和信息,但是它不一定就要渲染到浏览器的页面上,它还可以渲染到其他设备如手机 APP 中。将 react-dom 解耦出来,可以提升 JSX 的复用性。例如,使用 ReactNative,我们可以将相同的 JSX 结构渲染成原生 APP。
另一方面,当数据变化需要更新组件时,可以用比较快的算法直接操作这个 JS 对象,而不用直接操作页面上的 DOM。这样可以尽量减少浏览器重排,从而提升渲染性能。展开评论27 - 这是一名来自阿里巴巴的前端工程师,掘金小册《剖析 Vue.js 内部运行机制》作者,Github 重度用户
github.com,累计 5k+ star,对 Vue.js 有深入研究。
他是--染陌,一个外表高冷,内心却全是戏的前端工程师,热爱技术,热爱分享。爱好广泛,喜欢唱歌、打篮球、打游戏以及码字。
地理坐标:杭州,掘金坐标:juejin.im,欢迎来交流~
图一是他的掘金小册《剖析 Vue.js 内部运行机制》juejin.im
展开515 - 本文章的重点是展示面试官提出的问题,及他在答案中寻找的内容以及为什么没有不好的答案。评论7
- 分享一个资源:公司名语料库,包含480万公司名称,可用于中文分词、机构名识别。数据已清洗过一次,但仍含有5%左右的杂质。评论20
- Front-End-Checklist:一份献给细致的开发人员与现代化站点的完美前端检查清单。前端核对表是在将网站/ HTML页面投入生产之前需要/要测试的所有元素的详尽列表。
GitHub 地址:github.com
113