Hunly_

在分析 Vue 文件编译过程时，囿于对其相关 loader 的流向不清晰，即使知道哪些 loader 发挥了什么作用，也总觉得是在雾里看花，不甚明了，于是准备走读源码分析下...

是不是我得把人家源码复制一份到我项目内部再重新写一份呢？如果这个组件引入了一些子组件，岂不是要复制一堆代码？这时候让extends来拯救你吧。 extends在扩展继承第三...

前文中我们使用 虚拟列表 优化了海量数据的显示，但实际情况并没有那么简单。不定高的列表元素该怎么获取真实高度？滚动时为什么会出现白屏闪烁？异步加载的数据要怎么处理？一次性请...

本篇将从优化开发体验、加快编译速度、减小打包体积、加快加载速度 4 个角度出发，介绍如何对 webpack 项目进行优化。...

近期对Webpack5构建性能进行了优化，构建耗时从150s到60s再到10s，下面详细讲解下优化过程。...

今天给大家介绍社区当中一个 webpack 的流式配置方案——webpack-chain，这个方案现在已经在我目前所在的团队落地，且带来了一些正向的收益。...

在webpack打包的过程中有没有想过这其中的打包过程是怎么样的呢？有没有什么办法能反映出这个打包的过程和结果呢？webpack打包太慢需要优化怎么办呢？或许以下这几款插件...

设计模式是一个程序员进阶高级的必备技巧,也是评判一个工程师工作经验和能力的试金石.设计模式是程序员多年工作经验的凝练和总结,能更大限度的优化代码以及对已有代码的合理重构.作...

每天更新一个知识点，完善知识体系，开发自己的产品，建立气氛友好的技术圈子，不趁热度、不趁流量，保持自己的节奏，坚持做自己热爱感兴趣的东西，养成一个用最少语言说清楚事情的习惯...

前言 对于入门选手来讲，webpack 配置项很多很重，如何快速配置一个可用于线上环境的 webpack 就是一件值得思考的事情。其实熟悉 webpack 之后会发现很简单...

本文是 从零到亿系统性的建立前端构建知识体系✨ 中的第二篇，整体难度 ⭐️⭐️。 承接上文（从构建产物洞悉模块化原理），本文将继续从分析构建产物出发，探索 Webpack ...

我在 github 上新建了一个仓库 每日一题，每天一道面试题，欢迎交流。 前端一说起刀耕火种，那肯定紧随着前端工程化这一话题。随着 react/vue/angular，e...

前端从诞生依赖可以说经历了一个从不规范到规范，再到自动化的一系列过程。最开始的时候没有前端这个领域，所有的前端职责都是由服务端来代替完成，当时的状况是非常混乱的，派别丛生，...

1. 基本概念： Docker是一个开放源代码软件项目，让应用程序部署在软件货柜下的工作可以自动化进行，借此在Linux操作系统上，提供一个额外的软件抽象层，以及操作系统层...

Docker 可理解为跑在宿主机上的非常精简、小巧、高度浓缩的虚拟机。 它可以将容器里的进程安稳的在宿主机上运行，之前我也有写过一些关于docker的文章，在这我就不做过多...

看完本文希望读者能够了解到，Docker 的基本原理，Kubernetes 是怎么工作的， 对于前端 Kubernetes 有哪些优势与玩法。 Docker 和传统部署方式...

先上灵魂拷问 在文章之前，先抛一些灵魂拷问： 前端代码从 tsx/jsx 到部署上线被用户访问，中间大致会经历哪些过程？ 上述过程中分别都有哪些考虑、指标和优化点，以满足复...

有时，我们想从nodejs代码中执行shell 或bash 脚本文件，本教程讲述了如何在nodejs应用程序中从javascript代码和命令行运行shell脚本文件。 为...