记一记小程序的坑

已于 2022-04-18 11:20:47 修改
阅读量511 收藏
点赞数
文章标签： 微信小程序
于 2022-04-18 10:21:28 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/HiddenTroll_/article/details/124243076
版权

一.自定义 custom-tab-bar 底部导航不显示

原因：当初使用了vant组件中的Tabbar 标签栏 来自定义重构，但是真机调试一直不显示，原来是在最外层包裹了cover-view，导致被样式被忽略

cover-view

基础库 1.4.0 开始支持，低版本需做兼容处理。

覆盖在原生组件之上的文本视图。

目前原生组件均已支持同层渲染，建议使用 view 替代。可覆盖的原生组件包括 map、video、canvas、camera、live-player、live-pusher

只支持嵌套 cover-view、cover-image，可在 cover-view 中使用 button。组件属性的长度单位默认为px，2.4.0起支持传入单位(rpx/px)。

二.使用微信开发者的真机调试，调试机型只会是工具中的所选机型，最好上传代码后在体验版中调试

HiddenTroll_
关注
微信小程序的「同层渲染」踩坑记
03-29
背景 近期在开发小程序中，接触最多的就是 canvas 了，期间又因为兼容性的问题，又经历了底层 API 的新旧版的替换，踩的坑可谓令人印象深刻。小程序（微信）的 canvas 与 HTML 标准的 canvas 有较大区别，就连小程序本身的 canvas 底层 API 都有两个大版本的区别（其实远古时期还有一个版本，但年代过于久远就不做考究了）。目前现存的两个版本的区别在于是否支持「同层渲染」。 同层渲染 小程序的内容大多是渲染在 WebView 上的，如果把 WebView 看成单独的一层，那么由系统自带的这些原生组件则位于另一个更高的层级（如 canvas、video）。两个层级是完全独
两万字：讲述微信小程序之组件
小淼淼的博客
10-08 1651
两万字：讲述微信小程序之组件
微信小程序
chen_haotao的博客
03-19 3159
微信小程序小结 微信小程序提供了一个简单、高效的应用开发框架和丰富的组件及API。 新建页面在app.json中pages里面创建，显示当前页面新建的页面，应放在pages里面的第一位。 新建的页面应有四个文件:.js文件.json文件.wxss文件.wxml文件 .js文件：书写页面js代码 .wxss文件：书写页面样式代码 .wxml文件：书写页面内容 框架：小程序配置： 全局配置： entryPagePath： 小程序默认启动首页 pages：页面路径列表 window：全局的默认窗口表现 ..
前端面试题---2022
m0_54854484的博客
03-06 617
*集大成之面试题，我们不做面试题的创作者，只做面试题的搬运工（侵必删） 〇 理论 一个完整的URL 解析过程 1 用户输入 URL 地址。 2 对 URL 地址进行 DNS 域名解获得IP地址。 3 建立 TCP 连接（三次握手）。 4 浏览器向 web 服务器发送一个 HTTP 请求报文。 5 服务器返回 HTTP 响应报文给客户端。 6 关闭 TCP 连接（四次挥手）。 7 浏览器解析文档资源并渲染页面。 解析过程：浏览器解析的资源（html，svg,Xhtml等），解析完成后都会生成一个完整的DOM
微信小程序View视图容器组件
java1234的博客
05-22 3641
完整微信小程序(Java后端) 技术贴目录清单页面（必看） 微信小程序框架为开发者提供了一系列完备的UI组件,方便开发者快速构建小程序UI界面。借助这些UI组件开发者可以像搭积木一样快速地拼装出一栋房子的样子,这非常类似于当下建筑行业比较流行的装配式建筑,UI组件就好比预先定制好的建筑构件,只需要按照设计图纸即可快速组装各个组件,便捷迅速地完成界面布局和渲染工作。 下方思维导图是小程序的组件，重点掌握核心组件和重点组件，了解扩展； 视图容器 view 视图容器(View)是小程序框架组件中最常见的基础组件
微信小程序爬坑日记
03-29
虽然小程序发布出来快一年了，爬坑的兄弟们大多把坑都踩平了。而我一直停留在“Hello World”的学习阶段。 一来没项目，只有项目才是实践学习的根本； 二来刚出来，总是有很多坑。爬坑总是痛并快乐着。 再多的借口，...
详解小程序循环require之坑
10-17
在小程序开发中，require函数用于加载模块文件，它是JavaScript中实现模块化编程的一种机制。然而，在实际开发过程中，我们可能会遇到循环require的问题。循环require指的是模块之间形成了循环依赖，即模块A依赖于...
小程序：疫情防控系统踩坑填坑细节记录
01-03
1、搜集用户每日体温等相关情况。 2、用户每次只需输入体温即可。 3、用户每日只可填写一次，并在规定时间段内填写。 4、用户注册时应当与学生数据库进行比对，验证失败则无法使用。 5、后台需要统计每日完成情况。 ...
微信小程序 wx.uploadFile 的编码坑跳坑记录
03-29
编写微信小程序时，用到 wx.uploadFile，用来上传图片＋文本信息．然而在编写过程中，由于官方的 demo 和文档描述很少，在几个坑上耗费了不少时间． 这里分享一个和编码有关的坑，主要是由于真机预览时 formData 中...
微信小程序填坑心路
03-29
直接进入小程序的某一页，不会有返回按钮，当然你可以自己写导航栏返回。点击公众号推送消息是直接跳进发布版，可以通过微信开发者工具模拟这一操作。 同一个公众平台主体下，关注了公众号才能推送。 pdf预览 使用的...
❤️小程序入门基础(二)❤️(个人学习笔记)
weixin_52137798的博客
06-25 377
基本组件使用 cover-image 基础库 1.4.0 开始支持，低版本需做兼容处理。 覆盖在原生组件之上的图片视图。 目前原生组件均已支持同层渲染，建议使用 image 替代。可覆盖的原生组件同cover-view，支持嵌套在cover-view里。 属性 类型 默认值 必填 说明 最低版本 src string 否 图标路径，支持临时路径、网络地址（1.6.0起支持）、云文件ID（2.2.3起支持）。 1.4.0 bindload eventhandle 否 图片加载成功时
cover-view
weixin_51035156的博客
12-25 783
75. <cover-view>组件是可以覆盖在原生组件上的视图，其内部可以包含的组件不包括以下哪个？ A、<canvas> B、<button> C、<cover-image> D、<cover-view> 目前原生组件均已支持同层渲染，建议使用view替代。可覆盖的原生组件包括map、video、canvas、camera、live-player、live-pusher 只支持嵌套cover-view、cover-i...
小程序 movable-view cover-view
ai5945fei的博客
11-05 493
<view>movable-view操作</view> <movable-area class="area"> <movable-view class="view" direction="all"> </movable-view> </movable-area> dircetion 可以拖动的方向 scale 可以双指拖放 inertia 惯性操作 页面高度100%设置 需要先设置page整页样式，注意page..
uniapp 微信小程序 map获取接口数据后地图标注marker不会渲染显示
树上骑个猴的博客
02-19 2016
1.先确保marker数据符合要求，比如id、latitude、longitude等字段都有。 2.等页面加载完成后再渲染： const that = this wx.nextTick(() => { that.markers = data uni.hideLoading() }) ↑ 在这里用wx.nextTick代替this.$nextTick。 如果以上办法没用，就只能用setTimeout，且把时间设置长一点，比如4秒 ...
android 支付宝 地图,支付宝小程序地图组件 地图·Map
weixin_39875675的博客
05-26 1243
该组件是地图组件。同一个页面需要展示多个 map 组件的话，需要使用不同的 ID 。map 组件是由客户端创建的原生组件，原生组件的层级是最高的，所以页面中的其他组件无论设置 z-index 为多少，都无法在原生组件之上。前提条件支持高德地图 style 与火星坐标系。支持通过同层渲染实现 cover-view 覆盖 map 组件。同层渲染支持范围 10.1.35 及其以上版本 Android 的...
cover-view覆盖canvas
苏苏就是小苏苏的博客
07-23 2035
1.实现效果 2.实现原理 https://developers.weixin.qq.com/miniprogram/dev/component/cover-view.html 覆盖在原生组件之上的文本视图。 目前原生组件均已支持同层渲染，建议使用 view 替代。可覆盖的原生组件包括 map、video、canvas、camera、live-player、live-pusher 只支持嵌套 cover-view、cover-image，可在 cover-view 中使用 button。组件属性的长度单位
uni-app使用总结
热门推荐
初来乍到IT狗的博客
07-19 1万+
我在uni-app遇到的问题 样式问题 1、组件和调用此组件的页面样式最好不要重名，不然会有样式覆盖问题。 2、数据绑定变量的时候不能识别upx，可以转化 computed: { halfWidth() { return uni.upx2px(750 / 2) + 'px'; //350upx } } 3、css获取状态栏的高度var(–status-bar-he...
小程序开发遇坑总结
铃儿响叮当
11-20 404
1.同一份打包代码，本地图片时有时无? 解决：转cdn，项目中要还没有做cdn，那就自己麻烦点，手动转下 2.cover-view标签，无法识别icon,以及部分样式错乱（请见下方例子）（注意：开发者工具展示一切正常，真机上样式就挂了） .cropper-border { position: relative; width: 100%; height: 100%; border: 1rpx dashed
微信小程序-地图map覆盖其他组件问题
小哈力----一个小前端工程师
07-09 2642
项目中使用了colorUI，结果某个页面中的地图把cu-custom给覆盖了 查了map的api，说是新增了一个zIndex，试了一下不起作用 于是继续查找方法，找到说 cover-view可以覆盖map。于是将color的组件cu-custom 里面的view全部改为cover-view，map覆盖问题总算解决了，但是出现了新的问题，slot='content’无法传值，于是又做了一个自定义属性...
微信小程序：wx.request与wx.uploadFile踩坑记
对于开发者来说，这是一个值得注意的坑，因为测试和实际部署环境的行为可能不一致，需要额外注意在不同场景下的代码适应性。 mjw的文章提醒开发者在微信小程序中使用wx.request和wx.uploadFile时，不仅要关注官方...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值