ccxryan

PWA全称Progressive web apps，即渐进式 Web 应用，这个概念最开始由google推出，概念也是炒得非常火，2018年以后主流浏览器在google的推动下基本上都只支持了开发pwa的各项能力，业内也有了不少实践，在现有公司内还没有比较好的应用，于是回顾一下…

vue3.0 beta版本已经发布一段时间了，尝试着用composition-api来重写一个简单的后台管理系统中的增删改查。 点击表格中的一项，能够弹出详情页进行编辑。 保存或取消更新表格数据。 这种常用的模式在vue2下，这次试着用vue3的api来改写，让我们抛弃被吐槽了…

可以看到，render内容比较少，比较常用的方式，一个<table>包裹<colgroup> 和<tbody>组成。 代码行看起来比较多，但是只要理解本质就可以了：根据row和column数据，渲染出一个tr（即一行），里面很多属性获取，事件处理都进行了封装。 而renderE…

其实就是左侧固定列+普通列+右侧固定列的集合，因为这里可能有嵌套等复杂情况的表头，需要调用convertToRows将所有的列信息转换成表头的行信息，包含层级，colspan等详细信息，根据转换后的columnRows判断是否存在多级表头。 isGroup在上面说了，是否多级表…

store文件夹：为table设计了一组私有的store数据，类似（vuex, redux)，这个一会详细讲。 layout-observer.js: 布局使用的一个Observer，里面提供了一些基础方法，主要包括两点：1.column变化时，动态更新显示宽度，2.table…