Mr名人

一入架构深似海，本文总结了一些可以实际运用于架构的方法，希望能够帮助到你们。 以事物的结构为思考对象，来引导思维、表达和解决问题的一种思考方法。 作为程序员特别推荐这样的思考方式。 很多人总是误会，认为前端的架构该做的是，工程化、自动化甚至于写后端，这些当然算，但是架构其实就在…

本篇内容是连续，建议收藏，开篇会有前几篇链接。开此专题会带领大家如何开发一个真正的，有意义的性能分析系统，而不是单纯的炫技。 性能分析，首要的就是数据，本期就带大家在数据的海洋里捞针。 PerformanceAPI 是使用最多的，通过这个 api，我们可以采集到页面的很多数据，…

先说说背景，最近偶然间随手用koa写了几个小东西（这玩意真的很好用啊），被里面的await,async强势吸了一波粉。刚好也在整理以前写的java代码，发现很多接口都是在同步处理的过程中做了很多乱七八糟的事情，使得性能变得很低。而对这些东西做优化又会修改到原先的代码，从而产生问…

在最新版的 Chrome 78 中，Google 开启了一项实验性的特性：Native File System，这是一个全新的本地文件读写 API，当前还未开发完成，因此默认并没有开启这项功能。 如果想要体验这个 API 的话，可以在 chrome://flags 这个地址中搜…

这产生了一个简单对象，并将其作为常量 obj 的值。这个简单对象包含了 foo 和 bar 两个字段，其中 foo 是一个字符串，而 bar 是另一个简单对象，其中又包含了 baz 字段，它是一个数组，包含了字符串 '1'、十进制表示的数字 20、十六进制表示的数字 300、B…

回归我们的主题，性能分析，既是分析，那么就要有拆分的标准，分析不是主观上的我认为、我觉得，更不是我要我觉得。 既然制定标准，我们就不是拍脑门去想。要科学的制定，就必须有理论依据，所以我查了很多官方资料。 很多争议点都在此，很多人会有不同的定义方式。这里给大家提供三个方案： 先说…

这里有很多方案，例如我们常说的webpack利用splitchunks进行拆包配合一些加载方式，使原本特别大的appjs分成若干个细小的包，webpack优化将会在下一期的专题里讲到。 webp，是一种同时提供了有损压缩与无损压缩（可逆压缩）的图片文件格式，无损压缩后的WebP…

正则表达式拥有一些高级功能，但是并不是所有正则引擎都支持，就比如上一篇中提到的自定义字符类的减法、交集等。还有一些正则表达式受环境不同而拥有特定的特性、语法，比如上一篇中提到的自定义字符类中的 ] 定界符、在使用 / 标记正则时，/ 本身也需要转义（自定义字符类中又不需要了）之…

这样还是不行，默认语法下还是不支持js的esm形态。换成如下模式就可以了吧？ 实测，还是不行，大猪蹄子，说好lts之后就可以关掉呢，为什么node index.mjs还是走internal/modules/cjs/loader.js:1007，童话里都是骗人的，实测一下，如果想…