vvzhufeng

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第23天，点击查看活动详情。 效果 直接上代码 感谢 谢谢你读完本篇文章，希望对你能有所帮助，如有问题欢迎各位指正。 我是Nicnic

最近因为公司面单打印业务需要，对web前端打印做了一些调研。因为浏览器打印相关的知识比较冷门，很多小可爱可能都不是很熟悉，本篇博客主要是对这段时间扫盲的打印知识做一下记录分享，希望能帮到一些做打印的小可爱。 我们常说的打印其实就是将文档内容显示在物理媒介（比如纸张）上面。但是媒…

我们希望 val1 或 val2 的值改变的时候，sum 也会响应的做出正确的改变。 让我们记住三个关键的英语单词，它们的顺序也是完成一个响应式的顺序。 浅浅的解释一下：在组件渲染过程中，假设当前正在走一个 “effect”（副作用），这个 effect 会在过程中把它接触到的…

从基本使用 -> 部署 -> 框架源码分析 -> 手写框架，带你全方位刨析 single-spa 框架

今天我们来写一个自己的renderer，也就是react的渲染器。开始之前，先来了解一下react的三个核心。 react 暴露了几个方法，主要就是定义component，并不包含怎么处理更新的逻辑。 先create-react-app建一个项目，然后安装react-recon…

Frames部分，主要用于查看特定帧的fps，可以查看特定的帧情况。 此代码的问题在于，在每个动画帧中，它会更改每个方块的样式，然后查询页面上每个方块的位置。由于样式发生了变化，浏览器不知道每个方块的位置是否发生了变化，因此必须重新布局方块以计算其位置。

经过上手使用，webpack5打包体积大小，持续编译速度都有很不错的提升，对webpack4兼容也很平缓，Module Federation也对项目中如何使用微型前端应用提供一种解决方案。如果升级过程中有遇不兼容的情况，可以去webpack5变更日志上查阅。 在webpack5…

最近有相关需求，有长宽不一的图片要整齐的布局，左右上下都要对齐，实际效果打开百度图片随便搜一个关键字就能看到。

写的过程中遇到了一些坑，还好爬出来了，也得到几位大佬的指点，稍微接触了一下zrender，在这里记录一下。 很好理解，因为mousemove的时候一直在改变位置和距离。那么如果我一开始就记录下位置，在画矩形和圆的时候不改变初始位置呢，那么会得到以下图形 也很好理解，因为没有擦除…