随着前端组件、包库等工程体系发展，业务组件和工具库关系越来越复杂，非常容易遇到仓库多，库之间互相依赖。导致维护极其困难，发包过程非常繁琐，极大程度的限制了前端同学的开发效率。

2022的前端风向是怎样的？🌦️ 什么技术会流行？什么方向值得学习？R家还是V家？该学第二语言吗？快来看看！

本篇文章是全部采用的<script setup>这种组合式API写法，相对于选项式来说，组合式API这种写法更加自由，具体可以参考Vue文档对两种方式的描述。

此文作为构建专栏的目录。 介绍了我司以及写这个专栏的初心和内容形式。 作为开篇还介绍了截止到现在构建工具的历史演进过程。

我们知道，中文字体包一般都比较大，但很多前端页面，尤其是一些活动页面，又经常会引用一些自定义的字体包，那在这些字体包加载完成之前，使用该字体的文字会以什么行为渲染很可能会影响页面的展示效果。 有些浏览器默认会出现无墨渲染，即在下载完成前就不出字了。而不同的需求可能会需要在此场景…

狗蛋看了我的文章并重构了手上的项目，然而前端的重构带来的表现只停留在代码层面，上级也感受不到重构前后带来的差异。 回归到3年前，狗蛋刚踏入前端大门，他也只是个懵懂的切图仔，然而随着node和各种终端的兴起，前端在各个领域也都有了一席之地。 每个人都在想着做自动化，工程化，微服务…

有这样一个问题。 别急，下面我们就开始逐一分析各种方法在web自适应布局下的使用姿势，最后做个总结。 本文的所有例子使用了同一种三栏布局。源代码点我 1. 浮动布局 float:left|right 最常用的布局方式之一，设置了float的元素脱离了文档流。需要注意在使用过浮动…

margin我们一般习惯的叫它外边距，分别可以设置四个方向的外边距，这里不再赘述赋值语法。 实际上，我们通常设置的margin是物理级别的设置，而margin还有start、end、before、after等，这些主要是逻辑级别的设置，如果你感兴趣的话，自行Google吧。 对…

想想也已经做过不少架构的项目了，有基于vue，基于react，基于thinkPHP，基于laravel的。 做多了，也就对现有的架构有各种想法，有好的，有坏的，总之，用起来还是不爽。vue-cli虽然可以很快地构建并使用，尤其是vue-cli v3.0，把webpack都封进@…