圈亮

背景：近期开展了lighthouse培训，并以此为契机提高项目性能。以lighthouse分析报告为基础，并从网页生命周期角度从四个方面进行着手提升性能。 加载优化 gzip压缩文本资源。参考# 前端

背景：项目打包只生产了两个js文件，文件体积很大，考虑修改打包策略，提高项目性能。下面以开发环境为例进行说明。 分析打包后js文件内容： 在chrome浏览器中打开coverage面板，发现首页加载的

背景：项目只使用了协商缓存，未使用强缓存，使用强缓存可以减少网络请求次数，不必像协商缓存那样还要请求服务器。 配置强缓存： vue-cli项目production环境下会为js文件名增加hash，可在

背景：尝试使用gzip压缩资源提升项目性能。使用gzip压缩有两种方法，方法1是前端请求文件时服务器压缩得到该文件的.gz格式文件，并返回.gz格式文件。方法2是前端打包时生成.gz格式文件，请求服务

背景：想要使用compression-webpack-plugin在打包时生成gz格式文件。在外网下载compression-webpack-plugin 10.0.0版本并导入内网后，内网打包时报错

通过keytool和openssl生成ssl证书，并在nginx中配置，并修改vue的webpack配置，在vue项目中使用。

需求描述：根据当前登录用户的角色来控制某些操作按钮是否显隐。解决办法：在按钮对应的html上使用自定义指令，指定具有某权限的用户才显示该按钮。

需求描述：根据当前登录用户的角色来控制某些操作按钮是否显隐。 解决办法：在按钮对应的html上使用自定义指令，指定具有某权限的用户才显示该按钮。

问题描述 主应用中通过iframe加载外部子应用时，如果子应用使用https协议则主应用无法加载该子应用页面，显示“加载失败”。解决办法：使用X_FRAME-Options配置项