碎碎酱

技术交流群:https://fiora.suisuijiang.com/原文链接:https://github.com/yinxin630/blog/issues/38Jest是一款简单,容易上手且功

如图, 自定义字体并没有生效. 但如果尝试在初次绘制后, 延时一段时间再次绘制, 就没问题 问题原因是因为我们所用的字体需要异步加载, 它是在初次绘制文字时才开始加载的. 因为在初次绘制时, 字体还没有加载完毕, 所以会使用默认字体渲染 浏览器提供了检查相应字体是否加载完成的 …

vue 判断 vnode 的 class, 然后去和 dom 的 class 对比, 如果不一致就去更新. 但是由于 app.js 中的 v-if 在服务端和客户端结果不一致, 服务端时为 false, 渲染出了 comment(注释), 而客户端时为 true, 渲染出了 d…

我们看一下打包后的结果, 注意要在 production 模式下打包. 结果如下所示, 我去掉了无关的 webpack 启动代码 我们在 Array 原型链上定义了一个新方法 sum, 这是具有副作用的. 然后在 b 模块中调用了该方法, 但是作为 b 模块的维护者, 我又希望…

首先需要安装 Jest. npm i -D jest Warning: An update to Count inside a test was not wrapped in act(...).

原文链接:https://github.com/yinxin630/blog/issues/20技术交流:https://fiora.suisuijiang.com/前言是不是看标题就感觉很蛋疼?最近

工欲善其事, 必先利其器. 首先要有工具能够分析性能表现和瓶颈 如何避免呢? 可以将长任务划分为一个个短任务, 在主线程空闲时, 按顺序一个个执行. 怎么知道主线程是否空闲呢? requestIdleCallback 就是我们想要的

原文地址:https://github.com/yinxin630/blog/issues/17技术交流群:https://fiora.suisuijiang.com/事件绑定和类继承都是很常用的东西

这时候就需要 polyfill 了, 需要在项目入口文件最开头引入@babel/polyfill. 但是在项目中, 通常仅用到了有限的 polyfill 内容, 而最新版的@babel/polyfill包体积有 81.2k(gzipped 27.7k) 大小 useBuiltI…