React
文章平均质量分 79
leviscar
这个作者很懒,什么都没留下…
展开
-
React服务端渲染总结
为什么需要服务端渲染?什么情况下进行服务端渲染?笔者认为,当我们要求渲染时间尽量快、页面响应速度快时(优点),才会采用服务器渲染,并且应该“按需”对页面进行渲染 ——“首次加载/首屏”。即服务端渲染的优势在于:由中间层( node端 )为客户端请求初始数据、并由node渲染页面。那客户端渲染和服务端渲染有什么差别?服务端渲染究竟快在哪里呢? 二、原因与思路 客户端渲染路线:1. 请求...转载 2018-02-11 15:10:51 · 2553 阅读 · 0 评论 -
Reacr 16 新特性
Reacr 16 新特性 1. 体积变小 react+react-dom 在gzipped之后小了 - react 大小从之前的20.7kb(压缩后6.9kb)降低到现在的5.3kb (压缩后2.2kb)。 - react-dom 从之前的141kb(压缩后42.9kb)降低到现在的103.7kb(压缩后32.6kb)。 - react + react-dom 从之前的161.7kb...原创 2018-03-24 02:54:17 · 469 阅读 · 0 评论 -
React同构应用
React同构应用 引言 简单讲,单页应用基本上就是一个空白的HTML体,使用JavaScript来生成应用的页面。这种方式虽然有很多优势,但是也有缺点: 在浏览器下载应用的JavaScript并运行(以及从服务器上获取最初的数据)之前,用户会看到一个白屏闪过,然后才是页面的内容。 同构应用也被称为通用`JavaScript`应用,指的是在客户端和服务器端之间完整(或部分)地共享代码的应...原创 2018-04-24 11:12:14 · 811 阅读 · 0 评论 -
深入React DOM对象
深入React DOM对象 DOM事件监听器 React做的工作 React实现了一个合成事件系统,为应用程序和界面带来了一致性和高性能 通过标准化事件来实现一致性,使得事件在不同浏览器和平台间都能拥有相同的属性 自动事件委托。 React不会将事件处理程序附加到节点本身,会将单独事件监听器附加到文档根节点,当事件被触发后react将它映射到适当的组件元素,当组件被卸载时,React会...原创 2018-04-24 11:13:13 · 427 阅读 · 0 评论 -
性能调优
性能调优 子级校正过程的工作原理(Reconciliation) 当你改变React组件状态是,它会触发组件的重绘过程。React会构建一个新的虚拟DOM来呈现应用UI的状态,然后检测和当前的虚拟DOM之间的差异,从而计算出哪些DOM元素需要进行更新、添加或者删除,这个过程被称为“子级校正” 批处理 在React中,在任何时刻调用组件的setState方法,React不会立即对其...原创 2018-04-24 11:13:46 · 207 阅读 · 0 评论 -
React-router路由基本原理
1. 路由基本功能 2.react-router的状态机特性 3.用户点击了Link组件后路由系统中到底发生了哪些变化 4.前端路由如何处理浏览器的前进和后退功能 location.hash 与 hashchange history.pushState 与 popstate 1. 路由基本功能 保证视图和URL的同步,而视图可以看成是资源的一种表现。当用户在页面中进行操作时,...原创 2018-08-20 22:03:09 · 12450 阅读 · 0 评论