2301_76671906的博客

F12 Performance（性能）前端性能分析(LCP,CLS,INP)

在组件的第一次创建时执行某个方法，而在后续的创建中不执行：

this.$parent子组件调用父组件方法。this.$parent.closeOverlay is not a function；解决方法（$emit来触发事件）

无关系组件间方法的调用(创建新的 Vue 实例来作为事件总线（Event Bus）方法实现)

页面或者按钮权限设置（ Vuex状态管理）

img标签定义与使用(图片的懒加载-loading:' lazy：延迟加载')

screenfull全屏组件使用（解决全屏下弹窗与提示其他组件显示异常）；全屏放大body通过全屏状态值对想要放大的区域进行定位伪全屏放大，实现对应效果区域放大；

echarts饼图要求要图表适应分辨率，根据分辨率放大缩小来进行适应与响应式。

gzip引入后node_modules中.cache compression-webpack-plugin占用内存过多

前端运行项目内存溢出解决，删除依赖包中的cacle临时缓存；--max_old_space_size=5120

gzip简介HTTP协议上的gzip编码是一种用来改进web应用程序性能的技术，web服务器和客户端（浏览器）必须共同支持gzip。目前主流的浏览器，Chrome,firefox,IE等都支持该协议。简单来说，gzip是一种压缩技术。经过gzip压缩后页面大小可以变为原来的30%甚至更小，这样，用户浏览页面的时候速度会快得多。

事件监听器@load在 Vue 中，@load是一个事件监听器，用于监听 DOM 元素的load事件。它可以用来捕获 iframe、图片、音频、视频等元素加载完成时的事件。

vue2-org-tree 用于创建和显示组织结构树状图，可视化组织结构，例如公司的层级、部门之间的关系、团队层级关系这些，支持折叠，展开，自定义icon等

vue中template根节点元素Div

在编写页面的时候，并不仅仅是编写页面，应该带入实际场景思考，在可视区域范围内内容过多，数量过多应该如何展示。在初始构建页面布局的时候就应该考虑到。（4）.在编写页面的时候要考虑到边界溢出问题，拥有一定的边界感思维，写需求的时候充分考虑到内容过多的处理，对于表单，弹框等编写的时候需要特别注意。文字过多后下挤，换行。在首次编写的时候没有考虑到内容过多的时候的处理，tooltip提示结合使用。滚动条 ，内容裁剪 结合min-(h/w)文本内容过长的时候使用，内容裁剪，

在Vue中，你可以使用@dblclick指令来捕获鼠标双击事件，在元素上使用了@dblclick指令，并绑定了一个名为handleDoubleClick的方法。当用户在该元素上进行鼠标双击操作时，将会触发handleDoubleClick方法，从而执行相应的双击事件处理逻辑。你可以根据自己的需求，在handleDoubleClick方法中编写处理双击事件的具体逻辑

企业微信开启调试模式，快捷键 ctrl+alt+shift+D进入调试模式，需要调试的页面点击右键，点击"ShowDevTools"，进入调试模式

动态加载框，横向树形结构，编程宝库，vxe表格镜像，阿里图库

vue [SM2(加-解密|加、验签)、SM4(加-解密)、Base64(加-解密)、MD5加密、RSA加/解密、加/解签]

SVG 是可缩放矢量图形的缩写，它是一种用于描述二维矢量图形的XML标记语言。与传统的栅格图像不同，SVG图像可以无限缩放而不会失真，同时也支持交互和动画等特性。SVG最早于1999年由W3C发布，用于在Web上展示矢量图形，并于2001年正式成为标准。在过去的二十多年中，SVG经历了多次更新和改进，增加了更多的功能和特性，如动画、交互等，并逐渐得到广泛的应用。SVG2.0于2016年9月15日成为W3C候选推荐标准，最新草案于。