关于我们

质量为本、客户为根、勇于拼搏、务实创新

< 返回新闻公共列表

前端代码如何规范编写?

发布时间:2023-06-29 17:00:55

编写长长长长长的组件

一整个页面只编写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需求

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

代码永远不写注释!


/template/Home/leiyu/PC/Static