项目中存在问题的4条建议(痛点)

之前提了几条关于项目中存在问题的建议,但是很多必要性没那么大,是那种用了更好,不用也没很大差别的不痛不痒建议。这次提几条更加具体,更加“痛”的,已经导致了项目腐烂的问题。

1. data分层次

先列几个项目中组件的data option


能看出有什么问题么,如果看不出来,说明你写的代码也是有问题的。

这里明显data没有任何层次可言,只有一层。而实际上数据是有层次关系的,这样全部存放到一起除了会让整体结构不清晰以外,还会使得命名更加困难,更容易冲突等。

下面是我之前写的一个组件的option,分了两层,ui显示的需要的资源,还有树的状态,各自用一个顶层属性,这样比全放在顶层清晰很多。

2. 用map来简化if else

我看到代码中有很多的很是不优雅的if else,比如

这样的代码可以用对象或者map来简化:

这样会紧凑和清晰很多。

3. 如果单文件组件太大,css可以分离出去

我看到有的组件代码行数特别多,有1400多行,其中css占据了400多行。我们写单文件组件是为了更方便的统一维护,如果css代码过多明显会导致维护js代码更加麻烦,而css往往是独立的,与逻辑无关的,这时候会显得特别的多余。

我觉得如果css代码特别多,分出去维护更好一些,像这样:

4. 代码规范

项目中的代码都是很随意的,console.log也好,缩进空格也好,都很随意,准备引入eslint,但是怕改动的地方太多。这是一个根深蒂固的问题,已经腐烂到了骨头里,想改掉需要决心。

总结

我之前提过8条建议,但大多是不痛不痒的,这次的4条直指问题所在,切实易执行,更加的“痛”,也更有必要去改。

之前的8条建议: https://www.jianshu.com/p/b32da994f4ca

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,830评论 25 709
  • 用两张图告诉你,为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料? 从这篇文章中你...
    hw1212阅读 13,050评论 2 59
  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AI阅读 16,020评论 3 119
  • 我特别喜欢林木,我曾写过一篇散文《树,地球的羽毛》,表达过我的感受。 来悉尼后,去Gosford我发现路上森林中住...
    Lina丁阅读 418评论 0 1
  • 哪里来的一阵风, 为正酣睡的人呐,捎来一封信 一不小心就触碰了回忆 可那是比过去还要远的人 这要花掉多少幸运, 才...
    广尝梦阅读 386评论 0 0