u010593516的专栏

返回目录以下知识源码位置: [Git:https://gitee.com/zhouweng/mini_sheetversion=57b9e280346579fe061b4671fbf2c7ed245fab50]源代码回滚版本，参考这里[https://blog.youkuaiyun.com/u010593516/article/details/113767587] 时间很快，一转眼就到了这个系列最后一篇文章，通过luckysheet这个优秀的前端开源项目，我们可以学习到很多前端...

返回目录以下知识源码位置: [Git:https://gitee.com/zhouweng/mini_sheetversion=70263c0bec9d1e878e2042b8b545e23664ec384d]源代码回滚版本，参考这里[https://blog.youkuaiyun.com/u010593516/article/details/113767587]今天，我们首先对代码进行优化，menuButton.js文件长度 800+，我们入手这个文件的优化，把一些静态资源剥离出来。...

以下知识源码位置: [Git:https://gitee.com/zhouweng/mini_sheetversion=711435e2cf17f62cf3dc636e278bb0d65d04c4f9]源代码回滚版本，参考这里[https://blog.youkuaiyun.com/u010593516/article/details/113767587]首先，修正一个bug，在上一章的合并单元格中，可能存在在拖动单元格选区的时候，已经合并单元格不能全选问题，效果如下:为了修正这...

返回目录以下知识源码位置: [Git:https://gitee.com/zhouweng/mini_sheetversion=172da5e714f751ce4a7de9fe38efd308fd09d382]源代码回滚版本，参考这里[ https://blog.youkuaiyun.com/u010593516/article/details/113767587 ]今天的内容非常高级，也很有难度，包括合并单元格的界面实现以及菜单项下拉选单的实现方法，具体的配置方法可以参考luckysh...

返回目录以下知识源码位置: [Git:https://gitee.com/zhouweng/mini_sheetversion=fdcf5ba1923fd8e193f3720ce9dfc6fdcc68bd36]源代码回滚版本，参考这里[ https://blog.youkuaiyun.com/u010593516/article/details/113767587 ]上一次的内容，项目支持了单元格的各种样式，今天我们增加工具栏以及键盘快捷键的单元格样式设置。可以看到，我们可以通过...

返回目录以下知识源码位置: [Git: https://gitee.com/zhouweng/mini_sheet version=deddbc44ab5083115dac689e665f3b45c15a713a]源代码回滚版本，参考这里[ https://blog.youkuaiyun.com/u010593516/article/details/113767587 ]今天，我们增加单元格样式，包括背景色、下划线、删除线等，具体的效果如下：===>>>...

返回目录以下知识源码位置: [Git: https://gitee.com/zhouweng/mini_sheet version=0ee2546aa9a1aa13875eab94228fd1c8b8b0d007]源代码回滚版本，参考这里[ https://blog.youkuaiyun.com/u010593516/article/details/113767587 ]LuckySheet本身的项目结构存在大量的循环依赖，给源码的学习和阅读带来比较大的困惑，今天我们把相关的目录理顺一下。...

返回目录以下知识源码位置: [Git: https://gitee.com/zhouweng/mini_sheet version=2f6c751623afee506cea9460002502ee48d2ee59]源代码回滚版本，参考这里[ https://blog.youkuaiyun.com/u010593516/article/details/113767587 ]今天，我们为页面增加工具栏，也就是下面红框的几个按钮，具体按钮的实现不在这个版本实现：0.基础知识：我...

返回目录以下知识源码位置: [Git: https://gitee.com/zhouweng/mini_sheet version=ddaf43a6d4c067acf2d82550b6853d1a72731bc0]源代码回滚版本，参考这里[ https://blog.youkuaiyun.com/u010593516/article/details/113767587 ]今天，我们为单元格区域添加鼠标右键菜单，并且在菜单上增加复制、粘贴选项，由于粘贴使用的是javascript的paste事...

返回目录以下知识源码位置: [Git: https://gitee.com/zhouweng/mini_sheet version=01de75b205727de620966fa52c1733b9c8fb253a]源代码回滚版本，参考这里[ https://blog.youkuaiyun.com/u010593516/article/details/113767587 ]今天的知识点非常重要，我们要使用javascript响应键盘的操作，在excel文件，选定单元格，键盘ctrl+c，然后到...

返回目录以下知识源码位置: [Git: https://gitee.com/zhouweng/mini_sheet version=530cdfd4873cbcdcf59e5884e9a67573a799c0d9]源代码回滚版本，参考这里[ https://blog.youkuaiyun.com/u010593516/article/details/113767587 ]本节概要：单元格区域鼠标左键拖动单元格，选择点亮区域内的单元格，效果如下：0.基础知识：...

返回目录以下知识源码位置: [Git: https://gitee.com/zhouweng/mini_sheet version=3cb8856a7c1ead8226722ec225e266ec6b96b539]源代码回滚版本，参考这里[ https://blog.youkuaiyun.com/u010593516/article/details/113767587 ]本节概要：首先对项目进行两点小优化，然后介绍如何点亮单元格对应的行列标题。首先修正一个bug，在编辑单元格之后，...

返回目录以下知识源码位置: [Git:https://gitee.com/zhouweng/mini_sheet version=919c79132a2d0468975579176b8837e7095fd6de ]源代码回滚版本，参考这里[https://blog.youkuaiyun.com/u010593516/article/details/113767587]上一节，我们实现了双击单元格进入编辑格式的界面效果，但是输入信息后，并不会保存下来：1.修改文件：1)...

返回目录以下知识源码位置: [Git: https://gitee.com/zhouweng/mini_sheet version=055e060b7173c1d29923794698f2dac0e4dde069]源代码回滚版本，参考这里[https://blog.youkuaiyun.com/u010593516/article/details/113767587]双击某个单元格进入编辑模式，具体效果如下：0.基础知识：H5 CSS : .append() /.db...

返回目录以下知识源码位置: [Git: https://gitee.com/zhouweng/mini_sheet version=f0c74ce3dec88ee59ca6d8be27d2872b41e73831]源代码回滚版本，参考这里[https://blog.youkuaiyun.com/u010593516/article/details/113767587]上一节，我们为项目增加了交互的能力，这一节，我们继续扩展handler.js，增加单个单元格的点选，效果如下：...

[Git: https://gitee.com/zhouweng/mini_sheet version=fb0b051f1c545c6b3aeeb647795b25fc097e44af]首先看一下效果，通过X和Y轴滚动栏和鼠标滑轮，可以实现表格拖动，效果如下：与滚动相关的代码 包括：0.基础知识：H5 CSS : .mousewheel() / .scroll() / .css() / .show()git: git log / git reset --hard [...

[Git: https://gitee.com/zhouweng/mini_sheet version=a831922b7d8fff67d11db87da55911f988f63011]第一个最小化系统看起来比较简陋，启动系统后（启动方法参考：[Day 2 Win10系统配置开发环境](https://blog.youkuaiyun.com/u010593516/article/details/113743156)），浏览器只显示下面这个简单的表格。裁剪过程，耗费了我两周时间，通过裁剪，对luck...

返回目录[Git: https://gitee.com/zhouweng/mini_sheet version=a831922b7d8fff67d11db87da55911f988f63011]0.基本知识点: npm和 gulp两款工具1.npm的package.json文件1.1.项目基本信息"name": "luckysheet",项目名称"version": "2.1.12",版本号"main": "dist/luckysheet.cjs.j...

基础知识点：git回滚版本、visual studio code文件中查找关键字1.git工具回滚版本 如果不知道如何拉取项目源代码可以看这里,回滚方法参考网上资源，命令行两句话：查看提交的ID信息# git log 回滚到对应的版本# git reset --hard [ID]2.MiniSheet项目结构[Git version=a831922b7d8fff67d11db87da55911f988f63011]MiniSheet│...

MiniSheet目录Day 1 为什么会有mini_sheetDay 2 配置开发环境

1. git客户端配置 git已经成为源代码管理的事实标准，开发人员必备技能，我的win10环境安装tortoisegit作为客户端。1.1.新建文件夹，我的电脑目录为D:\workspace\minisheetGit ，右键后出现如下选项，点击Git Clone...，1.2.URL：填写https://gitee.com/zhouweng/mini_sheet检查 Directory1.3.点击OK后，自动下载源代码1.4.mini_sheet的源代码格...

前几年，石墨（https://shimo.im/）在国内推出类似Google Sheet的网络excel服务，我被石墨文档的强大功能深深吸引，并且迅速在自己负责的项目组推广使用，在任务分派和问题跟进方面，这种网络版本Exel实在是太好用了。 这么多年来，我一直对这项前端保持好奇，终于在2020年，开源社区的LuckySheet(https://github.com/mengshukeji/Luckysheet)让我能够有机会近距离接触到这一神奇的技术。 2021年1月份，我花了两...