u010593516的专栏

返回目录接下来，我们看一下LuckySheet的页面刷新是如何处理的。通过Draw.js（参见5.主界面draw方法）的分析，我们了解到Store全局变量是数据交互的关键变量集，而Draw所有的方法都是通过refresh.js来调用的，分析的切入点是 refresh.jfrefreshgrid() ，当单元格数据录入后，会调用这个方法重新刷新页面，通过下图我们可以清晰地看出哪些地方会调用到refresh的各方法，其中虚线部分是文件内部的方法调用。...

LuckySheet主界面的Draw方法今天，在ProcessOn上用思维导图方法把LuckSheet核心的主界面绘制Draw方法分析了一圈。Draw.js的代码量约 2100行，外部是通过 refresh.js调用，核心技能包括html5的cavas绘制方法：相关的说明摘自 https://www.w3school.com.cn/tags/html_ref_canvas.asp 这里把html canvas讲得很清晰路径:beginPath() - 起始一条路径，或重置当前路径 https:/

目录1.源代码项目结构2.core.js源码分析3.function实现4.界面绘制

文章目录1. core入口2. sheetmanage.initialjfFile()2.1. 获取当前Sheet数据到file2.2. 提取file到data2.3.创建元素2.3.1.1. luckysheet_info_detail 标题栏2.3.1.2. luckysheet-wa-editor 菜单栏2.3.1.3. luckysheet-wa-calculate 计算公式2.3.1.4. luckysheet-grid-window-1 数据编辑区域2.3.1.5. luckysheet-she

文章目录1.functionImplementation.js1.1. 以SUM为例1.1.1. 参数 arguments1.1.1.1. SUM(A1,B1,C1) 形式1.1.1.2.SUM(A1:C1)形式1.1.2. 逻辑1.1.2.1. 判断 arguments 的长度是否越界1.1.2.2. 参数类型错误检测1.1.2.3. 生成dataArr数组1.1.2.4. 循环处理dataArr累加到sum并返回1.2. 继续看AVERAGE/COUNT/COUNTA/MAX/MIN1.3. 身份证相关

文章目录1.生成配置项2.参数初始化3.初始化插件4.加载function5.设置屏幕分辨率6.（疑似）加载数据的loading界面7.从file获取data（json格式），生成dom元素并注册一堆东西7.1. 获取当前显示的sheet 放到 Store.currentSheetIndex7.2. 把当前的sheet对应的数据从json拉取到 file里面7.3. 从file提取 data7.4. 从file获取 Store.luckysheet_select_save7.5. 表格的高和宽分别写入 ro

说明：基于开源项目 https://github.com/mengshukeji/Luckysheet 整理相关逻辑；目录最小粒度到文件级别，正文最小粒度到函数方法一级；按照源代码的目录级别设置缩进；格式：目录或文件 - 相关说明； 函数或方法 - 相关说明 <- 引用到这个方法的js文件；文章目录/ - 根目录package.json - npm配置文件gulpfile.js - gulp配置文件/dist - 打包完成的目标目录/doc - 中英文的使用说明目录/node_modu