前端页面性能优化之tff字体包压缩 背景 在前端开发中，我们通常使用到需要的字体文件引入到项目中，像这样 但是有些时候字体包文件很大，导致页面在第一次进入时，字体刚开始还是默认字体，会等个2-3秒后，

MessageBox 弹框中按钮颜色设置confirmButtonClass用法效果图： 注意需要在根样式文件中写，因为MessageBox弹窗和App.vue平级

文件下载时浏览器遇到txt,jpg,png,pdf,mp4等文件会直接预览而不是直接下载 需要转换为二进制在进行下载

根据语言和字宽的不同，自动选择对应的字体。 一段文本如何使用多个字体？ 一段文本如何根据不同语言使用不同字体？ 不同字宽如何使用不同字体包？ 同一个字体多个字体包怎么办？

实现思路：水波效果可以用一个 span 来模拟，动画效果是缩放从 0 到大于零的值（比如 4），同时透明度从 1 到 0。点击 button 后，我们把这个 span 添加到 button 里即可。

如果在写的过程中出现了401状态码，请将local Storage中的token删除，重新登录即可解决。因为token的有效期是2小时，2小时候需要重新生成token， 接口才能正常返回数据

ContextMenu 即右键菜单，当前的需求是：右键点击某些组件时，根据所点击组件的信息，展示不同的菜单。 思考一下... . . . . 当祖先节点定位非 static 时，absolute 定位的 ContextMenu 的参考点就是以祖先节点为参考点了。 这里需要注意获…

使用Vue3实现自定义鼠标右键菜单，支持二级菜单、自定义样式、回调函数等功能，同时提供封装成Vue指令调用，兼容移动端长按唤出菜单。

主要是靠双击和右键来操作，可操作多个模态框，跟操作windows类似，接下来在里面拆出一个功能块来写一篇文章，就是自定义系统默认的右键。 阻止默认右键。 获取当前右键点击时的x/y坐标，及id。 自定义右键菜单样式及内容，定位在指定的位置后显示。 返回对应点击目录的事件如:查看…