Day15 一次规模比较大的重构

返回目录

 

以下知识源码位置: [Git:  https://gitee.com/zhouweng/mini_sheet  version=0ee2546aa9a1aa13875eab94228fd1c8b8b0d007]

源代码回滚版本，参考这里[ https://blog.csdn.net/u010593516/article/details/113767587 ]

LuckySheet本身的项目结构存在大量的循环依赖，给源码的学习和阅读带来比较大的困惑，今天我们把相关的目录理顺一下。

这幅图是Lucksheet启动后的控制台，可以看到大量的循环依赖情况。

 

1.src下面 目录调整

1.1.新增model: 数据交互层

1.2.新增view: 页面展现层

1.3.删除global，相关文件转移到其他目录: 

1.3.1.移入view目录：createdom.js / draw.js / loading.js / fresh.js / scroll.js / 

1.3.2.移入model目录：editor.js / getdata.js / rhchInit.js / setdata.js / 

1.3.3.移入utils目录：location.js / validate.js / 

1.4.handler目录文件迁移

1.4.1.移入view目录：select.js / updateCell.js / 

1.4.1.迁入utils目录: constant.js / sheetSearch.js / 

 

然后需要手工修改引用到上面文件的JS文件

 

2. 规范 JS编码规则

 统一采用以下的文件格式：

 import {

  xxx,

  yyy,

 } from 'abc/def'

 export {

  ooo,

  ppp,

 }

 function fun_name {

 }

 

2.1.selection.js:改造下面这种函数变量的方式为规范格式

const selection = {

    copy: function (e)

}

 

3.新建文件

3.1. view/chooseOnCell.js: 把handler.highlightOneCell() 高亮显示一个单元格抽取出来

 

 

今天提交的代码更新比较多，但是为了更清晰、优雅的程序结构，这项工作还是非常值得去做的。