异次元的废D

目前版本单元测试相关情况 vue-next-coverage。 Vue 的核心之一就是响应式系统，通过侦测数据的变化，来驱动更新视图。 通过可响应对象，实现对数据的侦测，从而告知外界数据变化。实现可响应对象的方式： API 本身存在较多问题。 Vue2.x 中，实现数据的可响应…

我们先来看看7月初，因为一个正则表达式，导致线上事故的例子。 简单来说就是一个有性能问题的正则表达式，引起了灾难性回溯，导致cpu满载。 引起性能问题的关键部分是 .*(?:.*=.*)，这里我们先不管那个非捕获组，将性能问题的正则看做 .*.*=.* 。 其中 . 表示匹配除…

过去几年中，JavaScript 性能的大幅改进很大程度上依赖于浏览器解析和编译 JavaScript 的速度。在2019 年，处理 JavaScript 的主要性能损耗在于下载和 CPU 执行时间。 浏览器主线程忙于执行 JavaScript 时，用户交互会被延迟，因此脚本执…

因为正在开发一个项目，而这个项目使用到了puppeteer，其中有个功能是在puppeteer打开的chrome里打开多个Tab，并进行管理。 虽然puppeteer可以打开多个网站，但是并不利于管理，所有我使用的是插件的方式，通过插件来打开多网站，并进行管理。 但是这里有个需…

Griffith 是一个基于 React 的视频播放器，目前已在知乎 web 和 mobile web 内使用，并在 GitHub 上开源。 Griffith 提供了简洁易用的播放器 UI。目前知乎网页端视频播放器就是使用的 Griffith。 Griffith 参考 YouT…

当我做一些底层性能优化以用于渲染 Wolfram Cloud notebook 时，我注意到一个非常奇怪的问题，就是函数会因为处理浮点数进入较慢的执行路径，即使所有传入的数据都是整数的情况下也会是这样。具体来说，单元格计数器被 JavaScript 引擎视为浮点数，这大大减慢了…

曾写过一篇性能优化 “ 长篇报告 ” 「 checkbox 美化引发的蝴蝶效应 」 ，也曾感叹 CSS 对渲染的影响是如此大，也许深化记忆点的代价就是被同一块石头绊倒2次 ？是的，性能优化“报告”第二弹来了，希望本篇文章可以在优化页面性能上给大家提供一些思路。 visibili…

在一个新窗口中打开链接是前端开发中一个很常见的逻辑，它可以将用户引导到一个新的域名。我们可以用target='_blank'来实现这个功能。我敢肯定，每个人都会在他的某个项目中使用过target='_blank，但是我不确定是否每个人都知道这种用法的缺陷。 当一个外部链接使用了…

别人一看这个标题，心想，“怎么又是一个老到掉牙的需求，网上一搜一大堆解决方案啦！”。没错！这个需求实在老土得不能再老土了，我真不想写这样一种需求的文章，无奈！无奈！ 现实的情况是我想这么旧的需求网上资料一大把一大把，虽然我知道网上资料可能有坑，但是我总不信找不到一篇好的全面的资…