FUFCY的博客

原创 防抖和节流

【代码】防抖和节流。

原创 uniapp扫描

fail: (res) => { //接口调用失败的回调函数。success(res) { //扫描成功。wx.scanCode({ //扫描API。title: '扫码失败',

原创 uniapp vue3打包web端步骤

原创 前端uniapp运行h5跨越问题解决

原创 UniApp 开发H5跳转微信小程序和支付宝小程序

, 100);} catch (err) { uni.showToast({ title: '跳转失败', icon: 'none' });} } } };</script> 四、关键注意事项 1. 环境限制：仅支持在微信内置浏览器中跳转，外部浏览器（如Chrome）点击无反应。2. 参数编码：跳转携带的 query 参数需确保已做URL编码（后端生成时需处理）。3. 调试方法：使用“微信开发者工具”的“H5调试模式”模拟微信浏览器环境，测试跳转逻辑。

原创 uniapp开发支付宝小程序input设置type=‘password‘不生效问题

在input添加一个 password=""就可以了。

原创 uniapp支付输入密码组件

禧积分里面。

原创 页面【subpackageDnew/test/oldtest]错误: Error: Plugin “wxbexxxxxxx/0“ is not defined. at R (V

这是没在对应的分包下添加这行代码导致的，

原创 VM354:11 页面【shop/pages/newsaomPays]错误: Error: Plugin “wxbe275ff84246f1a4/0“ is not defined. at

"mp-weixin": { "usingComponents": { "aliyun-captcha": "plugin://AliyunCaptcha/captcha" } }

原创 uniapp textarea标签 在ios真机上出现高度拉长问题

因为在安卓上是可以给textarea标签设置类名改样式可以在苹果中不生效导致拉长问题，要在textarea中style写样式才行。

原创 其他方式地方跳转小程序报错问题

只能跳转到小程序主包pages里面路径，不能跳转分包路径。

原创 uni-file-picker上传图片

url: this.$service.api.upload, //上传图片的后端接口。//e是获取的图片源。

原创 uniapp发布成 微信小程序 主包内 main.wxss 体积太大

把相关这个改小through，从前不知道哪个叼毛改很大。

原创 uniapp小程序或App中嵌入外部网页

- 加载本地HTML文件（H5端） -->// 通过参数动态设置URL。-- 加载远程网页 -->

原创 uniapp小程序接入腾讯云【增强版人脸核身接入】

企业申请注册这边就不介绍了，根据官方文档去申请注册。申请成功后，下载【微信小程序sdk】

原创 uniapp阿里云验证码使用

在 UniApp 中使用阿里云验证码插件（

原创 前端拉起若依报500解决方法

const baseUrl = 'https://vue.ruoyi.vip/prod-api' // 后端接口。

原创 uniapp 修改H5和小程序swiper样式

【代码】uniapp 修改H5和小程序swiper样式。

原创 uniapp三级菜单滚动

【代码】uniapp三级菜单滚动。

原创 解决前端背景样式不实现问题

出现问题是 background比background-color层级高，把background-color改为background就可以了。出现问题前-又添加了一个背景样式加了!important还是比前面的样式层级低。

原创 uniapp input 聚焦时键盘弹起滚动到对应的部分

uniapp input 聚焦时键盘弹起滚动到对应的部分

原创 jQuery 淡入淡出效果

【代码】jQuery 淡入淡出效果。

原创 子组件封装了插槽，父组件没有使用插槽，包裹插槽那个div还占位问题

t通过子组件做个判断就可以了 : v-if="$slost.default"

原创 多端输入框问题

多端问题

原创 前端或者真机宽高度

docEl.getBoundingClientRect().width;docEl.getBoundingClientRect().height;

原创 jq怎么随时监听手机横竖屏切换事件

【代码】jq怎么随时监听手机横竖屏切换事件。

原创 解决使用flex布局，当子元素内容超出父元素时，不出现滚动条的问题

解决办法很简单，默认情况下，flex布局有一个属性flex-shrink，指定了当出现压缩时，元素被压缩的比例。默认值是1，所以上面的问题就是由于该属性引起的，默认情况下所有的子元素都被压缩了。我们只要把子元素的flex-shrink设置成0即可。

原创 获取视频的第一帧作为封面图

【代码】获取视频的第一帧作为封面图。

原创 微信小程序：video标签默认显示视频的第一帧作为封面

原文链接：https://blog.youkuaiyun.com/mouday/article/details/118517724。本文为博主原创文章，欢迎转载，请注明出处。object-fit 视频大小与 video 容器 cover覆盖/contain包含。autoplay: 自动播放视频, 如果不设置自动播放，会出现视频时长和播放按钮。initial-time： 指定视频初始播放位置，设置为大于0的值，就会自动加载视频。src 资源地址。

原创 HBuilderX无法检测到vivo手机设备解决方法

按步骤来准没错吧手机数据线可以正常连接电脑 在手机的“更多设置”--“开发者选项”里面，打开手机的开发者选项 打开此页面下的调试中的“USB调试” 最关键的一步！！！在“默认USB配置”里面进行选择！！！一般手机需要选择“文件传输”，但是！！！我们vivo手机一定要选择“MIDI”，至于为啥，我也是不太知道，总之选了这个选项下面流程才是正确的！

原创 四个方法解决uniapp开发微信小程序时主包太大和vendor.js过大无法打包的问题

在微信小程序开发者工具中，导入生成的微信小程序项目，测试项目代码运行正常后，点击“上传”按钮，之后按照 “提交审核” => “发布” 小程序标准流程，逐步操作即可。下面分享一下我在实际项目中使用的方法，并解决了相应的问题，这里是我的解决思路。使用分包之后会发现遇到了一个奇怪的问题，子包的组件和js文件会被打包到主包的vendor.js文件中，这就导致了vendor.js过大。除了TabBa的页面，其他的页面进行分包处理，保证主包的大小，因为在编译后那些静态js和组件也会放入主包中，分包方式官网有详细解释。

原创 javascript 动态设置input的placeholder值

document.getElementById(“input”).setAttribute(“placeholder”,“新文本内容”);objectInput.setAttribute("placeholder","请输入企业名称");objectInput.setAttribute("placeholder","请输入车牌号码");objectInput.setAttribute("placeholder","请输入姓名");方法1：通过js来设置文本框input的placeholder值。

原创 Avoid mutating a prop directly since the value will be overwritten whenever the parent component re

在data定义一个新数据，在watch去监听父传过来的值，然后新数据等于父传过来的值。出现这个问题是子组件更改了数据没在data定义然后又传回个父组件导致的。

原创 请在应用内提供拒绝、关闭定向推送的功能选项，功能选项名称请使用显著区分定向推送服务的字样，如 “个性化推荐关闭按钮“、 “猜你喜欢设置“；或者删除应用内定向推送/广告精准营销功能且应用内栏目、模块等不

求助：uniapp打包的app提交到华为应用商城审核驳回原因

原创 uni.createSelectorQuery().in(this).select(‘#scroll‘).boundingClientRect获取不到元素高度问题

uniapp滚动底部获取不到高度原因

原创 chunk-vendors.js:2462 [Vue warn]: Error in event handler for “service.requestComponentInfo“:

chunk-vendors.js:2462 [Vue warn]: Error in event handler for "service.requestComponentInfo": "TypeError: Cannot read properties of undefined (reading 'matches')"

原创 苹果App Store上传到应用商城遇到问题

Other

原创 uniapp首次进入App应用提示授权照片和文件权限，关闭授权提示

permissionExternalStorag

原创 uni-app银行卡卡号验证

uni-app银行卡卡号验证

原创 uni-app adb安卓wifi无线调试

uni-app 安卓无线调试app