前端代码如何规范编写？

编写长长长长长的组件

一整个页面只编写1个组件去维护，单个组件代码行数轻松写到1000行以上。

拒绝Ts

坚决不用Ts，甚至将Ts写的项目重构成Js代码。

拒绝hooks

所有组件都用Class组件，拒绝函数组件，拒绝hooks。

样式混用和强行覆盖

内联样式与css文件样式混用和覆盖。类名随便起，不要透露结构信息，相同的css代码在各个类上直接复制黏贴一份。遇到冲突的样式强行再覆盖一层。

全面拥抱状态管理器

所有状态都通过类似Redux或Mobx等状态管理器去管理。

不做模块抽象和复用

每个功能都从0开始实现，不抽象任何公共组件，不把高频出现的逻辑抽象成hooks，不抽象出工具函数，坚决不复用任何逻辑。

父子组件多传参，尽可能多层传递

父组件给子组件传非常多参数，然后子组件继续又将这些参数层层往下传递。

单文件开发

将状态、数据、类型、工具函数、网络请求和组件等等全部放入一个文件中。

打破文件组织结构与组件结构关系

虽然组件天然是一个多叉树结构，但相应的文件全部平铺到1层。

不封装网络请求函数

每次请求都创建新的Axios实例，网络请求错误不统一拦截，全部单独catch。

 

到处修改UI组件库内部样式

为了达到设计要求，通过导出类名强行覆盖UI组件库的内部css样式，多用!important魔法。

多用Js代替CSS实现效果

伪类伪元素等坚决不用，动画过渡等效果也必须通过Js实现。

把JSX结构掰开揉碎

直接在JSX上写长函数和复杂参数，至少需要达到一眼看上去稀碎，完全无法在脑中构建出页面的样子。

到处使用微前端

尽可能的把页面拆成一个个单一功能的微前端应用。

不要argue需求

对于产品或设计给到的需求全盘接受，尽力实现交互复杂混乱繁冗的功能，获得技术成就感，做一只不挑食的小白兔。

代码永远不写注释！