崔火火火火

创建一个最简单的 Electron App，来体验下 Electron 。 在项目根目录下生成 dist 文件夹，dist/mac/electron-vue3.app 是可执行文件。我们也可以看出来生成的文件还是比较大的，有 182MB。

目前只列出了 template 中的部分写法。

我们平时在使用组件库的时候，input 相关的组件一般会有 autosize 这样的属性，设置以后使得文本域的高度能够根据文本内容自动进行调整，下面我们来看下是怎么实现的。 实现文本域的高度能够根据文本内容自动进行调整的思路很简单：监听输入相关的事件，获取到元素的内容高度，修改…

在 打字动画 CSS 中，我们使用了 css 来实现打字动画，效果也不错。但是它依赖了等宽字体，不是等宽字体的话，效果会大打折扣；同时要实现一些复杂的动画的话，还是得使用 js 去做控制。 我们用 js 来实现一个简单版本。 gsap 提供了文字处理相关的插件，实现起来也比较简…

有时候我们希望一段文字可以逐字符显现，模拟出打字的效果。我们尝试用 CSS 来说实现这种效果。 这个动画是连贯的，不是逐字出现的。 针对第一个问题，我们可以用 steps() 进行处理。 针对第二个问题，我们可以用 ch 这个css单位进行缓解。 ch 它表示的是 “0” 字形…

GSAP 全称为 GreenSock Animation Platform，是 GreenSock 提供的一个制作动画的成熟的JavaScript库。 TweenLite：是 GSAP 的主体核心。 TweenMax：是 GSAP 集合包，包含其他的三个模块。 Timeline…

flatten 的作用是将数组展平，但是只展平一级。 首先获取数组的长度，如果数组为 null 或者 undefined，则 length 为 0。 然后判断 length 是否不为 0 。如果为 0 ，则返回空数组，否则调用 baseFlatten ，注意 baseFlatt…

本文只对错误收提供一些思路，对于具体的实现不做具体的讨论。 资源加载错误主要包含：img、link、script 这三类错误。 对于上面这三种常规资源报错通过 window.addEventListener('error', handler, true) 监听。 但是，假如错误…

最近在做性能监控相关的工作，将准备工作中涉及的资料进行一次整理。 合成监控（Synthetic Monitoring，SYN），就是在一个模拟场景里，去提交一个需要做性能审计的页面，通过一系列的工具、规则去运行你的页面，提取一些性能指标，得出一个审计报告。 真实用户监控（Rea…