本文介绍了一款前端开发工具code-inspector-plugin，它解决了开发者在大型项目中快速定位代码的痛点。相比react-dev-inspector，该插件支持所有主流框架（React/Vue/Angular等），具有零配置、自动识别环境、兼容多种打包工具等优势。使用方式简单，只需安装依赖并在配置文件中注入即可通过快捷键"alt+shift+鼠标左键"实现点击元素跳转

antd内api中有valuePropName熟悉只需正常绑定当前元素触发事件即可。

在h5项目开发中往往会有分享功能将当前页面变为一个小卡片进行分享若直接点击右上角的三个点进行分享分享出去的只是一个当前路径而不是卡片形式当然分享的前提是你要使用微信浏览器去打开当前页面。

日常开发中 和后端本地调试时后端需要使用你的本地去访问页面可运行项目时会出现network显示unavailable的情况。

【代码】vue+element项目中报错Blocked aria-hidden on an element because its descendant retained focus. The focus m。

本地正常使用测试生产环境会无法预览并报错Failed to load module script。

图片更换为avif或者webp格式缩减图片大小，若svg可对svg进一步压缩，vscode中有很多插件支持，但是没有直接使用avif和webp格式效果好若公司有cdn合作商，可传入cdn，页面直接使用cdn链接nginx配置brotli压缩进一步压缩体积nginx配置开启浏览器缓存，提高后期体验感对banner或主图进行预加载操作，其他图片正常使用懒加载，使其队列进行优先加载变化及优化后期例如国际

图片更换为avif或者webp格式缩减图片大小，若svg可对svg进一步压缩，vscode中有很多插件支持，但是没有直接使用avif和webp格式效果好若公司有cdn合作商，可传入cdn，页面直接使用cdn链接nginx配置brotli压缩进一步压缩体积nginx配置开启浏览器缓存，提高后期体验感对banner或主图进行预加载操作，其他图片正常使用懒加载，使其队列进行优先加载变化及优化后期例如国际

unable to update url base from redirection

当前项目中需要嵌套一个其他项目中的页面。