很简单，直接使用命令行

npx sort-package-json

即可完成排序

在一些自动计算css的布局中，span, div 的width, height 会出现小数点。

chrome 会按照小数点的进行精确布局。

360浏览器的极速模式，会取整数。

开发过程中一定要注意不同浏览器的兼容性。

14 / 750 * 100vw;

后端提供的数据列表不进行分页，直接返回全部数据，要求前端进行分页。说实话，我感觉这个后端水平太次。的确没有见过。

如果是这样，

前端分页:下载量大，显示慢，加载时用户体验不好。服务器压力请求少，换页时用户体验好。如果有即时性内容，就不能翻回来的时候更新了。

书接上文：

有些时候我们需要复制的内容不想现实在页面。理所当然的利用样式

利用document的命令，用按钮复制文本。

注意：execCommand即将废弃。

以下是参考代码：

    const range = document.createRange();      range.selectNode(document.getElementById('you div id')!);      const selection = window.getSelection();      if (selection!.rangeCount > 0) {        selection?.removeAllRanges();      }      selection?.addRange(range);      document.execCommand('copy');      Toast.show('复制成功', 1);      if (selection!.rangeCount > 0) {        selection?.removeAllRanges();      }

一个小伙伴碰到的问题，在页面上多次点击按钮，请求接口，导致页面卡顿。

实际上只需要在使用组件时加上loading状态，合理利用组件相关功能。即可解决页面卡顿问题。

当切换页面时，路由已经变化，但是页面会卡顿较长时间，才会切换到目标页面。

经过分析，发现这个问题不是Vue的问题，也不是代码BUG造成的。

总结两种情况：

一、页面有Component渲染太多，比如一些Select, List 等。当切换页面时，Vue会先销毁当前组件，所以造成了页面性能问题。可以调试beforedestory, destoryed 两个生命周期函数进行验证。

解决方案是使用无限列表替代Select，List的下拉列表，或者限制List加载条数，进行分页。、

canvasToTempFilePath 绘制图片，