@3dwelcome

可以做一下改进，前端只传缓存的最新一个 ID ，后端根据传过来的 ID 查询出这个 ID 之后的内容。前端合并一下结果做下分片，在约定一个参数用来标识出改变分页大小的情况。

可以做类似 304 缓存的查询吧，询问是否有更新，有更新则把缓存的 ID 都带上给后端做对比，返回差值，然后前端更新缓存。

分子。

@xuanbg

还是有点不同的，已生成的 PDF 无法继续分割和融合，不能改变原 PDF 只能挑选组合他们。

@fcxxzux

强的老哥，这下可以跑测试用例验证了。

@yehoshua
@flyingghost

分卷压缩之前确实没想到，已加入保底方案中，标题这个看到回复立马就实现了，谢谢！

@xupefei

好的大佬！我去查查看。

@yehoshua

PDF 不可在分割，只能尽可能往里面塞。

@libook

妙啊老哥，加入保底方案了，想先实现试试。

@qwe520liao
@sudoy

场景还是真实的，发邮件是必须的，网盘方案给否了[手动狗头]。

@chenxytw

我去了解一下，谢谢老哥~。

@misdake
@index90

用这种思路，好像有点暴力= =...

@czfy 全流程自动化的。

框架上：

Vue 从使用上感觉已经很熟悉了，应该只剩细节上的打磨了，3 目前没上到大项目，只在自己的小玩具里用，非常不熟悉。

Ts + React 写业务没遇到什么难点，算是熟练起来，不过总感觉比起写 Vue 有点没能掌握全局的感觉，目前的状态是：“喔，可以这样写啊那就这样写吧”，后续的话希望达到写 Vue 时的熟悉程度：“嗯，这里可以这样写，也可以那样写，优点巴拉巴拉缺点巴拉巴拉”。

源码上：

粗略读了 axios 源码，学到了一点 Promise 链式调用的骚操作。
粗略读了一下 petite-vue 的源码，跟着仿写了一点点，还有很多疑点未解开。
仿照着实现了一遍响应式。

打包：

实践了一些很有意思的前端优化，服务器端里的仅客户端加载配合动态 import ，服务器端的组件缓存 /页面缓存，首屏优化，浅浅的分析火焰图，认真搞懂了浏览器的渲染过程(又忘了= =)。

对内的项目脚手架也有一些优化，主要是升级 /删除 loader ，尝试优化了一波开发体验(编译时间 3min to 1.5min)写了一些方便团队使用的脚本。

SEO:

做了一些 SEO 的实践，目前正在搞，成果上比没搞之前多了 10 个左右的流量不高关键字(不稳定，有时会掉下去)，多带来了 40~70 的 ip 访问，权重还是 1 ，明年希望可以稳定到 2 。

其他：

学习了一波 SVG ，用 SVG 动画代替了一些以前用 Canvas 写的动画，SVG 非常强大，打算深入不过还没有开始= =。
学习了一波 Canvas ，生产上目前只写了一个裁剪工具，同 SVG= =。
做了一个内部用的 Chrome 插件，Hello World~。

@FightPig

好的大哥，后面加上。

其实 Vue3 这个 demo 和掘金里文章是对应的是一个翻译版本，如果要用的话还要加上大哥说的边界处理，防抖的事件回调 /保存 /预览，图片处理跨域这样应该会相对完整一些。

不要 face 推荐下自己前几天写的：

纯 js: https://juejin.cn/post/7024368216826724359

Vue3: https://github.com/HuberTRoy/vue3-cropper

@qqqq11

好像可以这么理解...我是这么想的= =。

不过设计师之所以要出 2 倍图就是因为以 iPhone6 的 DPR=2 为参照物来的(没深究过是不是确实是这样)，所以还是和 DPR 有关。

个人理解：

1px 问题不是真的只有 1px 有问题，而是这一类问题的统称。

PC 端一般都是 px 相当，不过在还原移动端的设计稿时，设计师一般会出 2 倍图，这时候拿到设计图还原的时候需要按比例去计算，比如一个 2 倍图下的边框是 2px ，写的时候就要写成`border: 1px solid red`。而一个 2 倍图下的边框是 1px(3,5,7,9)的情况，这时候需要还原成 0.5px ，直接写`border-width: 0.5px`基于不同的设备可能会出现 0,0.5,1 三种不同的渲染结果。

遇到的话用 transfrom 缩小应该是比较容易写兼容性也不错的解决方案。

魔塔不是动作类的吧，有剧情吗，还是只是推图？