通过 Main 指标完整地分析了一个页面从加载到显示的过程，了解这个流程，自然就会去分析页面的性能瓶颈，比如你可以通过 Main 指标来分析 JavaScript 是否执行时间过久等等

由于 Lynx(公司自研跨端框架)编译工具和传统Web编译工具链有较大的差别（如不支持动态 style 和动态 script 基本告别了 bundleless 和 code splitting，模块系统基于 json 而非 js，没有浏览器环境)，且有在 Web 端实时编译(搭…

最近在开发公司的一个处于发展初期的项目，简单说就是一个monorepo的库，那么选择打包工具是必然要做的事情。 作为一个npm包，webapck是必然不在考虑范围内了，另外一个选择是rollup，但最后选择了esbuild。 最直接的原因是快（在官网截了一张图）。仔细推演了之后…

ESbuild 是一个类似webpack构建工具。它的构建速度是 webpack 的几十倍。 不使用 AST，优化了构建流程。（也带来了一些缺点，后面会说） 与webpack不同的是，esbuild内置了一些文件处理的loader。 当esbuild解析到某后缀时，会自动使用该…

当初在掘金看到那个小熊的登录页面，很多人都很喜欢，于是恬不知耻的说了一句要用canvas来实现一遍，真的是给自己立了个flag,还好结果很糟糕。 为什么小熊会跟着输入框的输入而移动。 通过输入向量与角度值，来进行计算，生成坐标在空间旋转后的坐标，此处使用的计算公式为旋转矩阵，矩…

在ThreeJS四步制作一个简易魔方中介绍了怎么实现一个可以转动的简易魔方，接来下准备介绍下怎么让这个简易魔方具备自动还原的功能。 在210次自动测试中，平均步数为197步，平均时长为44秒，和代码中设定的0.2秒一步基本吻合，从自动测试数据来看，目前的实现还没有达到该算法的最…

上中学的时候，赵二虎带着小弟们放学在校门口等着揍你，走在前面的不是你自己，是二虎他爸：“考试没及格还学会装黑社会了！”拎起二虎就是一顿胖揍。 上了大学，躺在宿舍里的床上，好饿。出门买饭并交代好不要葱蒜多放辣最后还直接端到床上的不是你自己，是快递小哥。 这些都是代理。 通过 Pr…

这篇文档讲解了GTM(Google Tag Manager)相关的名词、概念和用法实例，并结合GA，提供了优势分析和操作实例。 同时，对于常见的问题和解答做了一一列举。 代码就是在网页上执行的一段HTML代码。(A Tag is HTML code that executes …

在vue单文件组件里有时需要重置data中的数据，比如表单填写一半，用户想重新填写。