logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

web前端开发好物推荐-(code-inspector-plugin/react-dev-inspector)页面快捷定位代码位置

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

#前端#react.js#前端框架
react中使用antd的form表单去受控switch时初始值没有正确显示

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

文章图片
#react.js#javascript#前端
vue/react-h5中实现分享按钮点击分享微信好友/朋友圈(包含当前是否为微信浏览器判断)

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

文章图片
#vue.js#微信#javascript
vue运行项目时local有显示 但是network却显示unavailable

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

文章图片
#vue.js
vue+element项目中报错Blocked aria-hidden on an element because its descendant retained focus. The focus m

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

文章图片
#vue.js#前端#javascript
vue使用pdfjs进行pdf预览时 发布后无法预览并报错Failed to load module script

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

文章图片
#vue.js#javascript
react/vue中前端多图片展示页面优化图片加载速度的五种方案

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

#前端#react.js#vue.js
react/vue中前端多图片展示页面优化图片加载速度的五种方案

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

#前端#react.js#vue.js
vue使用iframe内嵌页面并进行数据传输最简单的方式

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

文章图片
#vue.js#javascript#前端
    共 12 条
  • 1
  • 2
  • 请选择