无果蛋卷

如果打算学习Canvas做图片设计、定制设计相关的工具，我建议你学习一下fabric.js，非常强大，可以做出很多有意思的项目...

全网第一份 vue-devtools-next 源码解析。对 vue-devtools-next 整个项目进行大致的解析，分析它是如何实现数据交换、查看组件变量并对组件数据...

B站推出了一个具有统一错误处理、减少代码冗余、抹平风格差异、降低文档负担、优化代码提示等功能的统一请求库。...

一个46万行代码的超级系统，居然让我碰上了，而且用了一年的时间，让它重回正轨，从基层做起，优化了代码、封装了组件、夯实了基础、拆分了服务、提升了性能，这一年我过的很充实，但...

Fiber架构主要有两个阶段, reconciliation(协调)和commit(提交)。协调阶段通常称为渲染阶段。此时会发生： 这些被称为Fiber的内部活动。 如果R...

我们每天写的vue代码都是写在vue文件中，但是浏览器却只认识html、css、js等文件类型。本文通过debug的方式带你一步一步的搞清楚vue文件是如何编译为js文件的...

在上一篇作为面试官，为什么我推荐微前端作为前端面试的亮点？反馈效果不错，我接着出第二篇组件库专题，主要是我选择的方向，前端同学都可以很轻易尝试，这样项目上就增加很多亮点了...

模块化之争的在 ESM 标准出来的时候已成为定局，这两年前端界也在进行 ESM 大迁移。关于 ESM 个人感觉可以聊的并不多，最近讨论最多的可能还是到底该不该用 defau...

前言 最近在做 B 端性能优化的工作，通过一些工具分析，发现我们项目构建出来的 JS Chunks 有数量偏多和部分 Chunks 体积偏大的情况。于是想要了解下通过 sp...

本项目是淘系用户增长团队的一个大中台系统，单页应用，涵盖很多业务功能，运用了很多懒加载页面组件来提升性能，首屏时间 1s 左右，体验良好。然而大项目文件很多，导致构建和发布...

webpack打包产物解析及原理（含cjs/esm/代码分离/懒加载） 以下结论都是是通过一步一步实际测试，然后分析打包产物，来解析原理 以小见大，先从简单的入手 先纯cj...

众所周知，React是一个专注于UI层的库，不同于Vue、Angular等框架，React 的各种状态管理方案一直是在百花齐放、群魔乱舞。对新手来说无从下手，对老伙计就是摧...