uniapp 坑合集

最新推荐文章于 2024-05-08 10:03:49 发布
最新推荐文章于 2024-05-08 10:03:49 发布
阅读量557 收藏 1
点赞数
文章标签： javascript 前端框架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42010339/article/details/125989217
版权

uniapp坑合集

IOS兼容坑

时间格式的转换

开发uniapp中使用时间格式化，必须先把2022-01-21处理成2022/01/21之后再去使用new Date()等时间处理，否则ios中时间就会格式化失败显示null

吸顶元素position:sticky问题

使用position:sticky吸顶属性时，如果写在子组件里面，然后在页面中引入的子组件的时候，IOS是无效的，但是安卓是正常的

Listen Hua
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
uniapp canvas 无法获取 webgl context 的问题解决
学习笔记
10-23 1338
在 uniapp 中做一个查看监控视频的页面，用到的是这个库，原理就是前后台通过 websocket 不断推送新画面内容到前端，前端通过这个 JSMpeg 渲染到前端页面中指定的 canvas 中。而这个 canvas 需要具备 webgl 的内容，而不是 2d 的内容。最初我是在页面中直接预写了一个 canvas 元素结果，当执行的时候始终得到的是null。
A WebGL context could not be created. Reason: Canvas has an existing context [uni-app使用Three.js报错]
宏斌的博客
12-12 1619
uni-app 模版里创建的canvas经过加工默认获取了context2D 所以再使用webGL 获取上下文失败 所以报那个错误。或者直接向页面添加 renderer.domElement使用默认three生成的canvas元素。解决方案就是使用js创建一个canvas元素 然后添加到页面中 再正常进行three的编写。
uniapp开发时可能会遇到的问题及解决方法，uniapp避坑指南！
最新发布
共同学习，共同成长
05-08 1751
uniapp开发时可能会遇到的问题及解决方法，uniapp避坑指南！
uniapp跨端开发h5到APP
MrHao_的博客
10-20 1554
uniapp跨端开发h5到APP 第一次跨端开发，把注意的事情和方法。记录一下； uniapp官网跨端开发提示 uniapp官网的条件编译 如果准备做跨端开发或者正在做的，一定要好好看看这两个官网地址。 在app端： 没有浏览器专用的js对象，比如document、xmlhttp、cookie、window、location、navigator、localstorage、websql、indexdb、webgl等对象。 这些都是不能用的，否则页面可能是直接白屏。 我是吃到苦头了，做h5的时候是一个劲的往前干
uniapp踩坑记录
u014636613的博客
10-03 1588
来自同事和自己的一些踩坑记录： 1、页面生命周期onLoad和onInit函数无法使用async await。 2、uni-app主题色改变功能只能使用css变量，无法使用scss变量，且绑定根元素样式中不能直接绑定整个对象，必须把每一个选项列出来。在使用时要用横杠不能用驼峰 3、每个页面组件最外层都要包一层view，不然在高度计算时会出现问题。 4、拆分引用组件时，引用路径一定要完整引用到.vue，无法用index.ts/index.js。编译之后小程序会报组件引用不到的错误。 5、微信小程序websoc
uni-app 踩坑记录（持续更新）
weixin_43967105的博客
09-16 1971
Input： 1、Focus, h5平台根据各家浏览器决定是否自动聚焦； 2、支付宝无法自动聚焦且ios在支付宝平台发起验证码，键盘没有一键粘贴板； 3、百度在自动聚焦时blur 事件总是先于focus 事件，因此在多个input 存在的情况下，要靠程序自动唤起B input 聚焦，必然会先执行A 的失焦事件，然后再执行B的聚焦事件； 4、不同机型在允许自动聚焦功能的平台上，聚焦和失焦的事件处理也会有差别，ios 普遍失焦事件先于聚焦事件，在频繁地操作聚焦失焦时，...
个人经历过的uni-app+App Nvue坑
o_u_c_h的博客
12-03 2551
uniapp+nvue做app，在这里记录下我遇到过的大坑和解决方案吧，希望seo能帮到有相似需求的人。
uniapp的pda扫码组件完整代码
10-11
在本文中，我们将深入探讨如何在uniapp框架中创建并使用一个PDA（掌上设备）扫码组件。uniapp是一个跨平台的开发框架，它允许开发者使用Vue.js语法编写代码，然后将应用编译到iOS、Android、Web等多个平台。在工业...
uniapp富文本编辑器.zip
10-17
- 无坑使用：由于开发者已在项目中实际应用过，这表明该编辑器已经过实际测试，减少了可能出现的问题和兼容性挑战。 4. **uniapp富文本编辑器的使用方法**： - 引入编辑器组件：首先需要在uniapp项目中引入富文本...
uniapp-tailwind-uview-starter:利用uniapp + tailwindcss + uview构建的一套基础模板，可以使用Webstorm或者vscode开发
04-03
uniapp-tailwind-uview-starter利用uniapp + tailwindcss + uview构建的一套基础模板背景：之前用uniapp + uview开发了一大一小两个小程序， css方案用的原子风格的，发现用的还是挺爽的，就在想能不能用上tailwind...
uniapp,微信小程序中使用 MQTT的问题
11-20
最近在uniapp打包成微信小程序的项目中第一次用到了MQTT。使用比较简单，但是还是遇到了一些问题。在此记录一下。 官方文档：MQTT Github 官方MQTT测试工具：MQTTX。测试工具使用说明 MQTT的js文件：mqtt.min.js 先...
uni-wasm:单机的 WASM 演示
05-30
uni查询 Unicode 数据库。 这是的 WebAssembly 演示： :
【uni-app】uni从入门到放弃之踩坑集合
12-21
1.使用vue-cli创建的uni-app的静态资源必须存放在static文件夹下， 尝试了绝对路径，相对路径都报错，找了半个多小时才度娘出来， 根据：https://ask.dcloud.net.cn/question/76738 2.vue组件数据单向流设计模式 今天使用uni写组件的试试，怪自己学识短浅遇到了这个vue的注意事项，就是vue父子组件数据单向流的原则。 比如说父组件传入一个value ，子组件props：{value}接收，如果要更改传过来的value这样属于违背了vue 的设计原则， 如果value是基本类型vue会报错，如果value是引用类型则不会报错，因为引用类型
营运管理UNIAPP项目踩坑和填坑之旅.docx
10-15
在开发营运管理应用程序的过程中，使用uni-app框架会遇到各种挑战，本文主要记录了开发者在使用uni-app进行项目构建时的一些常见问题及解决方案。uni-app是一个跨平台的开发框架，允许开发者编写一次代码，就能在iOS...
uniapp新手必须的知道的坑
热门推荐
zsq199771的博客
06-10 1万+
有学过微信小程序开发和vue的，uniapp开发成本低，但是还是不能忽视了注意事项，别给自己带来麻烦，以下是我从官网上抽取的，希望接下来的开发能够顺利进行，文字有点多，但细看益处多多，go~~~ 开发工具下载标准版，在运行或发行uni-app时，会提示安装uni-app插件 下载App开发版，可开箱即用 如使用cli方式创建项目，可直接下载标准版，因为uni-app编译插件被安装到项目下了。 可以通过 vue-cli 创建 uni-app 项目。 接口能力（JS API）靠近微信小程序规范，但需将前缀 wx
初探uni-app框架 踩坑
ZJW222的博客
07-22 855
近些天有接触到uni-app框架，使用HBuilderX软件进行编译，能生成多端项目文件，如微信、百度、支付宝小程序及Android和ios端，记录遇到的问题 1.条件编译 我觉得比较突出的一点功能，就是这个条件编译，指定对应的代码执行在对应的一端 #ifdef：if defined 仅在某平台存在 #ifndef：if not defined 除了某平台均存在 如：只在微信小程序中才执行的...
uniapp学习（遇到的坑）
weixin_58896221的博客
07-28 2106
vant组件初步引用报错问题，axios,mockjs，Toast直接使用报错，vuex
vue h5转换uni-app指南（vue转uni、h5转uni）
weixin_44668908的博客
01-07 7216
转载：添加链接描述 如果你已经有了一个基于vue开发的H5站点，想转换为uni-app。 首先注意2个前提：1、你的web站是适合手机屏幕的；2、你的H5代码是全后端分离的，uni-app只处理前端代码。 一切从新建一个uni-app项目开始。然后依次进行 文件处理 把之前的vue web项目的前端代码copy到新项目下 如果之前的文件后缀名是.html，需要改为.vue，并注意遵循vue单文件组...
uniapp下拉加载的坑
07-09
在UniApp中，下拉加载可能会遇到一些坑，以下是一些常见问题和解决方案： 1. 下拉加载的触发时机：UniApp中的下拉加载可以通过监听页面的`@scrolltolower`事件来触发加载，但是有时候这个事件可能会触发多次，导致加载多次的情况。解决方案是在触发加载后，立即禁用加载功能，直到加载完成后再开启。 2. 加载数据的处理：在下拉加载时，一般是需要向服务器请求数据并更新页面的。在处理数据时，需要注意以下几点： - 避免重复请求：可以通过设置一个标志位来避免重复请求，只有在上一次请求完成后才能进行下一次请求。 - 数据合并：下拉加载一般是要将新加载的数据与已有的数据进行合并，更新页面显示。可以通过使用数组的`concat`方法或者使用扩展运算符来实现数据合并。 - 错误处理：在请求数据时，可能会遇到网络错误等异常情况。需要对这些错误进行处理，例如显示错误提示或者重新加载数据。 3. 加载动画的显示：下拉加载时，可以显示一个加载动画来提示用户正在加载数据。UniApp中可以使用组件库中的加载动画组件，例如`uni-load-more`组件，来实现加载动画的显示和隐藏。 4. 加载状态的管理：在下拉加载时，需要管理加载状态，例如显示加载中、加载完成或加载失败等状态。可以通过使用一个状态变量来管理加载状态，并在不同状态下显示不同的提示信息。 总结起来，下拉加载在UniApp中可能会遇到一些坑，但是通过合理的处理和避免一些常见问题，可以实现良好的下拉加载功能。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值