构建体系作为前端工程化中的重要一环，是每一个中级前端跃升高级前端的必经之路，同时也是面试过程中的重灾区。但却很少有人将其进行系统性的梳理，本系列将以此为宗旨，帮助大家从零到一系统性的建立构建知识体系。

Webpack 一直都是有些人的心魔，不清楚原理是什么，不知道怎么去配置，只会基本的 API 使用。它就像一个黑盒，让部分开发者对它望而生畏。 而本节最大的作用，就是帮大家一点一点的消灭心魔。

在开发项目的过程中，大家多多少少会对自己项目的目录结构产生疑惑，如何合理地划分模块以及如何合理的命名，这些如果在项目前期的时候没有好好规范好的话，那么后面新进来的人便会按照自己的逻辑又重新在划分自己的目录，这样日复一日项目体积不但会增加而且目录结构会越来越混乱，因此非常有必要聚…

1. 为什么用img的src做请求的发送，sendBeacon又是什么？ 2. 埋点监控系统负责处理哪些问题，需要怎么设计api？ 3. 在react、vue的错误边界中要怎么处理？

初级篇 这里一般适用于刚入门前端的同学，一般入门前端都是从html和css开始的，应该让这些同学提起对前端的兴趣，因此初级篇选用几个比较有趣的css库来让同学入门前端。

项目初衷 由于最近工作不够饱和，只有工作日才会开机摸鱼（周末根本不开机），导致经常性漏签，正好之前用 腾讯云 部署过自动化脚本，就试了下掘金自动签到，搭配 pushPlus进行微信推送，发现可行，所以

今年在掘金加了不少前端的公众号和交流群。混迹一年，总结一下，就是有(主)点（要）东(卖)西（课）。 当然也不能一杆子打倒，有一些群质量还是不错的，但是非常少。 掘金里面相当一部分up是在上面写文，然后

url 转 base64 原理： 利用canvas.toDataURL的API转化成base64 调用 base64 转 blob 原理：利用URL.createObjectURL为blob对象创建临

我曾经一度很迷茫，在学了 Vue、React 的实战开发和应用以后，好像遇到了一些瓶颈，不知道该怎样继续深入下去。相信这也是很多一两年经验的前端工程师所遇到共同问题，