前端工程化和架构设计

Puppeteer是什么? Puppeteer是一个Headless/无头浏览器, 在 Node.js 中的应用极为广泛. Puppeteer 介绍和应用场景 介绍 应用场景 为网页生成页面 PDF

我们详细介绍了 BFF 网关的优缺点、打造 BFF 网关需要考虑的问题。然后我们实现一个精简的网关系统，并结合源码和设计层面对其实现进行了解析。总之，设计一个良好的 BFF 网关，要求开发者综合能力强

前言：持续极致化提升开发体验和开发效率是大前端攻城狮的必修课之一，基本可以拓展为把诸多大前端领域中的从0到1的较为复杂的工程化实践抽离出来，接入自动化流程，脚手架就是其中一种形式和路径。 常用脚手架的

前言：谈到前端开发，各种工具繁琐的配置实在让人头大，而对于一个企业来说，维护一个统一的企业级别的工具配置或设计，对工程效率和人效的提升是非常重要的。在这个背景下，负责抽象提取工程基建中的种种工具和方案

写在前面的话：设想一种场景，某个电商平台，随着功能版本的迭代更新，单个界面的请求越来越多，用户体验和性能越来越差，顺着减少接口请求的思路，例如使用纯前端而不通过接口请求的方式维护用户对商品的搜索历史记

前言：软件公司经常会用到一些公共库，甚至是自己私有部署的库，那么如何设计一个好的公共库呢？设计一个好的公共库的标准又是什么呢？如何使用一个公共库呢？这就带你去探索... 从一个公共库处理的问题谈起 以

前言：去到babel仓库下发现，它的packages目录下有140多个包。我的个天，贫穷限制了我的想象，此时已经无法压抑我激动的心情，所以迫切地去查阅资料学习一波... babel是什么? 官方的介绍

前言：在前端项目开发和调试的过程中，总是在不经意间瞥见这个"core-js"，终于有一天忍不住查找资料一探究竟... 开篇问题： core-js和babel在前端工程化中是如何紧密集成在一起的？ co

导读：根据koa2应用的中间件处理的流程、规范和特性来简单实现一下。以koa2的脚手架生成的实例工程为例： 打开工程根目录下的app.js文件，如下。可以看到，koa2的中间件通过app.use来进行

vite的作者尤雨溪在微博推广它的时候做了如下简介： 看了这段话，我get到了几个点： 1. vite是一个利用现代浏览器原生imports特性的开发服务器，生产环境使用Roollup打包。 2. 不

前言：对构建工具的理解、选择和使用很大程度上决定了我们的产品的使用体验。 几种主流构建工具的横向对比： 一. webpack, 秉承在compiler实例对象基础上的即插即用的plugin和loade

npm的核心目标：Bring the best of open source to yuo, your team and your company。说人话就是管理开源库。 先看几个问题： 一. 项目中