程序员不止是程序猿

如果小伙伴有做过首屏加载时间优化，应该会遇到chunk-vendors.js这个文件，巨大无比，加载时间超长，是首屏加载时间过长的罪魁祸首之一。 下面通过一个实际的项目来演...

平常大家在日常的开发中，会积累丰富的业务组件，无论是自己造轮子也好或者基于优秀的组件库二次封装也好。久而久之，组件越来越多，管理与共享这些业务组件就可能会成为负担。本文要介...

前端基建是指在前端开发过程中，为提高开发效率、代码质量和团队协作而构建的一些基础设施和工具。下面是前端基建可以做的一些事情： 脚手架工具：开发和维护一个通用的脚手架工具，可...

看了下element-plus源码，发现里面用的npm workspace ，于是自己摸了下，分享下得到的成果 github源码：npm-workspace-test 注意...

一次在安装项目依赖的时候，终端报了下面这个错，导致依赖安装失败。 通过报错信息可以看出是 @sentry/cli 这个包的原因，因为项目中并没有直接依赖这个包，为了排除包之...

webpack5之核心源码解析，主要介绍了webpack的启动流程，compiler的编译过程，hooks的执行过程以及模块处理和输出过程。...

「万字解析」详解 Tapable 核心工作机制，Webpack Plugin 必备前置知识解读。从原理玩转 Webpack ，真正精通所谓工程化前端。...

本文通过精美的图文，深入分析 Webpack Loader 的运行机制，带你吃透 Webpack loader 的 11 个核心问题。...

dependencies、devDependencies区别 他们之间的区别我看了很多篇文章，却也真是没看懂，于是自己写了一个npm包，才发现其中原理。 首先： 说起他们之...

webpack 的核心配置的创建和修改基于一个有潜在难于处理的 JavaScript 对象。虽然这对于配置单个项目来说是没有什么问题的，但当你团队中有比较多项目，并且尝试所...

前端程序员最容易搞出 P0 事故的就是白屏，PC 上的白屏我们比较好调，打开 Chrome Devtools 就能看见。 但是手机上的白屏怎么调？本文将对这个话题进行探讨...

上次发表过《使用 window.postMessage 进行跨域实现数据交互的一次实战》之后，发现阅读量惨淡，或许大家对跨域数据交互的兴趣程度不高，又或许是我写的文章比较差...

前言： 在公司的一个病理图像标注的过程中，需要实现超过 2G 大小的图像的加载，以及标注功能。以下代码均使用 React Hook 书写，如有其他框架需求，也可进行参考。 ...

近期一直在团队内开发可视化埋点平台，目前已经落地并成功在多个复杂业务中落地使用，在其中也踩了不少坑。故写此篇文章，给想要在团队内落地可视化埋点平台做一份参考，也是对笔者自己...

本文以“前端监控上报数据”的业务场景，重点解析在页面实例关闭时，如何将监控数据上传到服务端的解决方案。...

TS模块化 1. TS中如何书写模块化 新建module.ts文件，导出变量name和函数numRes 新建index.ts文件，用于导入name和numRes 在TS中使...

一 前言 今天我们来深度分析一下 Commonjs 和 Es Module，希望通过本文的学习，能够让大家彻底明白 Commonjs 和 Es Module 原理，能够一次...

而最终的导出结果是 module.exports 这个对象. 保持顶层变量（用 var、 const 或 let 定义）作用在模块范围内，而不是全局对象。...

初衷： 将我整理的笔记分享给大家，希望本篇文章能给你带来不一样的认知，不喜勿喷。 适合人群： 前端初级开发，大佬绕道。 内容结构： 为什么有模块化 -> 基本语法 -> 两...

随着前端技术的不断发展，TypeScript(简称:TS)已经在逐步取代JavaScript(简称:JS),尤其在以Vue3使用TS重构后，TS更是成为前端框架编写的主力语...