cherryPick

再见 Edge，微软正式宣布 Microsoft Edge 浏览器将从 EdgeHTML 内核迁移到开源的 Chromium（Blink + V8）上，ChakraCore JS 引擎将会继续开源并用在其他项目中，预览版预计 2019 年年初推出。Mozilla CEO 也发表…

WebKit 推出新的着色语言 WHLSL，它对 HLSL 进行了扩展，变得更安全、更可靠。🔗 最新的 Safari 技术预览版让 a 标签默认开启 noopener 模式，此前当 a 标签使用 target="_blank"在新标签打开页面时，可以使用 window.ope…

在 React 15.x 及之前的版本中，组件内的异常有可能会影响到 React 的内部状态，进而导致下一轮渲染时出现未知错误。这些组件内的异常往往也是由应用代码本身抛出，在之前版本的 React 更多的是交托给了开发者处理，而没有提供较好地组件内优雅处理这些异常的方式。在 React 16.x 版本中，引入了所谓 Error Boundary 的概念，从而保证了发生在 UI 层的错误不会连锁导致整个应用程序崩溃；未被任何异常边界捕获的异常可能会导致整个 React 组件树被卸载。

每一个开发者在开发项目中，不可避免要和图片打交道，优化图片似乎也成了一个必修课。图片优化也不仅仅是性能上的优化，还要进行体验上的优化。至于怎么优化图片，没有固定的方式，只能具体场景，具体分析，选择合适的方案。不多说，下面也简单介绍下自己处理过，了解过的一些方式。如果大家有补充，…

默认打开Profiler什么都没有，要点击录制按钮进行记录（跟chrome的performance挺像）。 看上去像一个柱状图，每一个柱子代表一次commit，他的颜色和高度对应执行时长，越高颜色越黄代表时间越长，反之越短。 火焰图部分会以一个类似树形的结构显示一次commit…

本文的叙事线索与代码示例均来自High Performance Redux，特此表示感谢。之所以感谢是因为最近一直想系统的整理在 React + Redux 技术栈下的性能优化方案，但苦于找不到切入点。在查阅资料的过程中，这份 Presentation 给了我很大的启发，它的很…

居中布局1、水平居中a)inline-block+text-aligntips：此方案兼容性较好，可兼容至IE8，对于IE567并不支持inline-block，需要使用csshack进行兼容b)ta

查阅资料发现，在多次调用setState（）时，React 并不会同步处理这些setState（）函数，而是做了一个“批处理”——如果使用对象作为参数传递给setState，React 会合并这些对象。 而同样的情况下，当你给setState（）传入一个函数时，这些函数将被放进…

平时会接一些模拟面试的服务，几个月下来也面试几十个人了，来和大家聊聊面试了这些人的感想。 基础对于每个人都是很重要的一步。无论你做的是什么领域的东西，计算机科学中的必修课必须是要学好的。就前端而言，OS、数据结构与算法、网络这几块内容是必须要掌握的基础的，这些基础不扎实，你的天…