天下无坑

天下无坑


分解/命名/编码+全局/公共/末梢

[降低代码的圈复杂度——复杂代码的解决之道](https://my.oschina.net/leonsh/blog/4869163 "降低代码的圈复杂度——复杂代码的解决之道")

开发步骤

@startmindmap
!theme spacelab
skinparam backgroundColor #FCFCFC

+ 分解 Breakdown
++ 命名 Bename
+++ 编码 Coding
@endmindmap
@startmindmap
!theme bluegray
skinparam backgroundColor #FCFCFC

+ 开发技巧
++ 状态保持
+++ 解决分心
++++_ 不看新闻
++++_ 工具 TO DO
+++ 保护颈眼
++++_ 间歇休息
++++_ 工具 simple timer
++ 开发流程
+++ 类图规划
++++_ 方法、变量命名
++++_ 技术难点
++++_ 复用性
++++_ 工具 plantuml

@endmindmap

代码分层

@startmindmap
!theme spacelab
skinparam backgroundColor #FCFCFC

+ 全局 global
++ 公共 common
+++ 末梢 final
@endmindmap
@startuml
!theme bluegray
skinparam backgroundColor #FCFCFC
scale 1.5

partition **global**全局代码 {
    fork
        :main.js;
    fork again
        :Z.js;
    fork again
        :z.less;
    fork again
        :store;
    fork again
        :router;
    end fork
}
partition **common**公共代码 {
    fork
        :lib;
    fork again
        :utils;
    fork again
        #B5BD00:**biz**;
    fork again
        :api;
    fork again
        :components;
    fork again
        :styles;
    end fork
}
partition **final**末梢代码 {
    fork
        :views;
    fork again
        :filters;
    fork again
        :directives;
    end fork
}
 legend
* **global** 全局直接可用
* **common** 按需引入使用
* **final** 不会被复用的代码
末梢代码要尽量少,只写大的业务逻辑,细小的过程处理写在 common层
vue项目中views,filters,directives等都属于末梢代码
endlegend
@enduml

页面列表

ITEM_HTML