Spring不想说话20571
👌
获得徽章 0
- 最近【还】在基于 vuepress 写组件库文档，在写展示 demo 的时候，一般都需要同时展示 demo 和 code。最笨的办法当然是复制粘贴一把梭咯，可是维护起来太蛋疼了...于是参考 vuepress-plugin-demo-block 撸了个同类型的插件（有啥具体区别等我回头写篇文章...）。
* 一份代码同时生成 demo 和 code
* 代码可折叠
* 支持在线编辑：Codepen、JSFiddle、CodeSandbox
* 专门为浏览长代码进行了设计：sticky 的收起按钮、点击收起自动滚动到代码顶部展开229 - 460
- 专注于react的状态管理，全新的状态划分理念，高性能的状态广播和渲染触发，吸收了redux和vue的精华，但是一切都能回归react的本质,那就是setState，cc巧妙的接管了此函数，基于此，提炼出了dispatch, effect, emit, computed等好玩的特性，充分发挥你的想象力，你会发现，状态管理也能这么有趣这么性感^O^评论12
- React 中，从 JSX 到页面经过了什么样的过程？
首先，通过 babel 将 JSX 编译成 JS 对象，然后通过 ReactDOM 的 render 方法构造 DOM 树，并插入到页面某个特定元素上。
那么，为什么要先编译成 JS 对象，然后再构造 DOM 树，而不是从 JSX 构造 DOM 树呢？
一方面，JSX 表示的是 UI 的结构和信息，但是它不一定就要渲染到浏览器的页面上，它还可以渲染到其他设备如手机 APP 中。将 react-dom 解耦出来，可以提升 JSX 的复用性。例如，使用 ReactNative，我们可以将相同的 JSX 结构渲染成原生 APP。
另一方面，当数据变化需要更新组件时，可以用比较快的算法直接操作这个 JS 对象，而不用直接操作页面上的 DOM。这样可以尽量减少浏览器重排，从而提升渲染性能。展开评论27 - 缓存的命中率: 终端用户访问加速节点时，如果该节点有缓存住了要被访问的数据时就叫做命中，如果没有的话需要回原服务器取，就是没有命中。取数据的过程与用户访问是同步进行的，所以即使是重新取的新数据，用户也不会感觉到有延时。 命中率=命中数/（命中数+没有命中数）， 缓存命中率是判断加速效果好坏的重要因素之一。评论3
github.com