关于前端鉴权这块，Token、Cookie、Session、JWT、单点登录、扫码登录、一键登录是什么意思？分别有什么作用？你一般是怎么做的？以及你是怎么存储的呢？那你又是怎么保证它的安全的呢？

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

对于C端业务偏多的公司来说，在增长、运营等各方同学的摧残下永远绕不过去的一个坑就是大量的H5页面开发，它可能是一个下载、需求告知、产品介绍、营销活动等页面。此类需求都有几个明显的缺点： 开发性价比极低、上线时间紧，每次需要指派单独同学支持。 沟通成本高，而业务逻辑高度相似。 有…

0. 可视化搭建的使用链路 Low-code: 如果面向的是研发，场景是中后台或者 toB 的一些业务，我们需要搭建的就是低代码生产链路，用户只需要改动少量的代码就能完成一个应用或者页面的全链路流程。 No-code: 如果面向的是非研发（如产品经理、设计师），场景大多数都是一…

软件系统变得复杂的三个成因是规模、结构与变化。 『按文件类型组织』，这也是前端项目中最普遍的组织方式。例如： 『按功能特性组织』。例如： 两种文件组织方式都是在做『关注点分离』，不同的是对『关注点』的理解。 File-Type First 的 『关注点』是技术和手段。 Feat…

今天偶然看github，看到了一个叫 webpack-virtual-modules 的项目，进去看了一下当时我就被它的设计给震惊了。这让我觉得不可思议，原来还可以这么玩。随后我便顺手把之前的模块化按需编译方案改进了一下，发现真的太爽了。这篇文章可能是在掘金第一篇普及实践web…

微前端最近已经很火了，最近跟着火的还有 webpack5 module federation 了，想必大家都有耳闻了。但是我今天主要讲的是微模块，我觉得它更值得被推崇。 微前端 和 微模块 的区别，👇请看下图所示。 微模块架构更多的是解决同一应用技术栈内模块编译、打包，以及共…

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

天天搬砖，也早已变成了cv工程师。频繁的复制粘贴，复制完成后再删除，枯燥且无聊。项目中我们通常在编辑器中配置快捷键生成代码片段。好像这些也满足不了cv的欲望。在项目中配置业务相关的一些模板文件，然后动态生成文件，显得尤为重要。不受编辑器的限制，更好的自定义配置，显得更为强大。 …