1. 需求 最近丁香医生的产品大佬又双叒叕搞事情，想要在 H5 中做一个医生邀请提问的功能，可以将医生的二维码名片分享出去，支持移动、PC 和微信。之前的图片是由后端生成的，并且会缓存三天，导致信息更新不及时。由前端来做就能避免这些问题。 2. 方案 html2canvas.j…

基于TinyPng，通过node实现一个批量压缩图片的cli工具。全局安装cli命令，即可在项目下压缩指定文件目录下的图片资源。

现在我们开发一个 React 项目最快的方式便是使用 Facebook 官方开源的脚手架 create-react-app ，但是随着业务场景的复杂度提升，难免会需要我们再去添加或修改一些配置，这个时候如果对 webpack 不够熟练的话，会比较艰难，那种无力的感觉，就好像是女…

因为 webpack 根本识别不了 jsx 语法，那怎么办？使用 babel-loader 对文件进行预处理。 babel-loader 使用 babel 解析文件；@babel/core 是 babel 的核心模块；@babel/preset-react 转译 jsx 语法。…

解析 webpack 核心流程与插件架构，理解： - Webpack 从启动到输出 bundle，内部逻辑流转过程 - 编写 webpack 插件前，你需要弄清楚哪些问题

从 0 开始手把手带你搭建一套基于 Vite + Vue3 + TypeScript 规范的前端工程化项目环境，涵盖代码规范约束、提交信息规范约束、单元测试、自动部署等。

前言   最近整理博客文章时，偶然想要把本地文章推送到GitHub上维护，毕竟看着很多次的Git提交记录和历史线，时间长了总会萌生再去提交几次的想法。   但是推送到GitHub后，想要便捷跳转到某篇

但是当我们打开 vue3 的源码之后你会发现，代码量是如此之多。这个源码到底该从何读起。虽然 vue3 代码的可读性是很高的，但是架不住代码量大呀！！！ 就是自己把功能实现一遍，这对于我自己的收获也是巨大的。因为你要想实现这个功能的话，你必须要先理解，然后才可以把代码写出来。 …

Docker 是一个可以将应用容器化的工具，可以简单的把容器理解为一个和羽毛一样轻的虚拟机，和传统的虚拟机不同，它并不会给系统带来太大的负担，并且有更高的可移植性和扩展性。在容器中应用将享有独立的文件系统，容器内的操作将不会影响到自身的主机系统，有点类似于三体中的小宇宙空间，在…