我是芒果鸭_

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

当一个没有管理经验前端架构师，在国企接手了一个烂摊子！怎么在团队和项目都快速膨胀的情况下，让大家信服，并让前端效率极剧提高呢？从技能、工程、架构、管理角度切入，做一个优秀的前端架构师。

在过去的几年里, CSS 编写方式一直在变, 最开始结合HTML文档编写CSS代码到CSS模块化, 以及后来的 CSS-in-js, styled components。 CSS 框架也是层出不穷, 从最初的 Bootstrap 到后来的 elementUI , antd。 它…

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

在过去的几个月里，React Hooks 在我们的项目中得到了充分利用。在实际使用过程中，我发现 React Hooks 除了带来简洁的代码外，也存在对其使用不当的情况。 在这篇文章中，我想总结我过去几个月来对 React Hooks 使用，分享我对它的看法以及我认为的最佳实践…

通过静态检查工具来规范自己项目的代码，让团队所有成员保持一致的编码风格，这样大家可以专注于核心特性的开发，提升整体开发效率。 以下将对DevUI组件库使用的各种lint工具进行介绍，并说明如何在代码提交阶段进行统一格式检查与修正。 通过阅读这篇指南，希望你也可以使用这些Lint…

1. 引入扫描工具的初衷 目前在梳理前端应用时发现很多代码不规范的地方，包括简单的js问题以及代码格式化的问题，造成了代码可读性下降，另外各种历史代码也是“风格迥异”，一个应用是被来自”五湖四海“人共同维护，难不免有”广式烧腊、天津狗不理“各种口味，更难免的还有”臭味相投“的，…

为了更好的理解服务端渲染，我们可以将服务端渲染与客户端渲染对比着来看。 前端做视图和交互，后端只提供接口数据，前端通过ajax向服务端请求数据，获取到数据后通过js生成DOM插入HTML页面，最终渲染给用户。页面代码在浏览器源代码中看不到。 做到了前后端分离，在团队开发中只要负…

众所周知，Vue3.0带来了一个全新的特性——Composition API。字面意思就是“组合API”，它是为了实现基于函数的逻辑复用机制而产生的。 动画的创意来自网络，但如果只是拿人家的视频转成Gif，那就显得我太没有诚意了。