总结微信小程序的开发问题(微信小程序开发的难点)

小程序开发教程专栏介绍微信小程序开发的一些问题

推荐(免费):小程序开发教程微信小程序开发问题总结风格如何使用可变视频遮罩问题弹幕自动推送信息流软键盘问题websocket使用weapp.socket.io小程序，小程序开发的使用已经告一段落，总结这段时间小程序开发遇到的问题和解决方法，反应过来！！！

如何在wxss中使用样式中的变量，定义变量:width:var(–width-)；

在js中，定义变量:viewWidth，并将所需的值赋给该变量。

在wxml中，使用wxss和js中的变量:style="max-width:90% "。

视频遮挡问题在实现直播功能的时候，我们需要弹出一个红包来遮挡视频。这个时候我们会发现在小程序中使用z-index属性是无效的。微信开发者文档提供了cover-view、cover-imge等控件实现蒙版功能。值得注意的是，cover -视图中的background-image属性是无效的，所以我们在放置背景图片时需要使用cover-image，并将其位置设置为absolute，top为0，left为0。

弹幕自动向上推信息流首先，固定滚动条的高度，让滚动条自动滑动到一个项目的位置:

& ltscroll -view & gt；& lt视图& gt& lt视图& gt{{item .昵称} }:& lt；/view & gt；& lt视图& gt{ { item.content } } & lt/view & gt；& lt/view & gt；& lt/scroll -view & gt；添加滚动样式:

. danmu -list { width:750 rpx；身高:290rpx位置:相对；padding -top:27 rpx；} . danmu -item { padding:0 27 rpx；}.danmu-item。昵称{ color:# cdd 5 ff；font -size:26 rpx；显示:inline -block；}.danmu-item.owner。昵称{ color:# ffab 00；}.danmu-item。content { color:# ffffff；font -size:26 rpx；显示:inline -block；}你可以看到小程序上的实现明显比网页上的简单。我们只需要一个scroll -into -视图属性，并为每个项目添加一个id。那么有纯css实现吗？当然可以。我们把所有的条目放在一个盒子里，这样这个盒子就与列表的底部对齐，并且溢出滚动，这样也可以达到当前的效果。

软键盘的开发需要实现点击输入框、弹起软键盘、选择颜色等功能。我们来看看效果图:然后考虑几个问题:1。选择颜色时，键盘失去焦点会收缩。微信小程序提供了一个hold -键盘属性我设置hold -键盘= & quottrue & quot2.软键盘弹出时会自动上推页面，但我们只是希望软键盘上推输入框而不是整个页面。分析这个问题，首先考虑一个纯css的解决方案，把页面设置成固定的，但是不行；接下来考虑在页面弹出时减去软键盘的高度来恢复到原来的位置，这样会带来两个问题:1)软键盘弹出后才能得到软键盘的高度，这样会严重延迟页面的落下；2)这个问题的最终解决方法如下:首先查看官方文档，微信小程序提供了一个adjust-position属性 set adjust -position = "false "这个时候页面确实不会被推上去，但是如何实现我们需要的输入框推上去呢？我们可以在方法参数e.detail.height输入中获取软键盘的高度，并将输入的高度设置为e.detail.height的高度..最终代码:

& ltcover -视图& gt& ltcover -image & gt；& lt/cover -image & gt；& ltcover -视图& gt& ltcover -视图& gt& lt/cover -view & gt；& lt/cover -view & gt；& lt/cover -view & gt；& lt视图& gt& lt输入& gt& ltimage & gt& lt/image & gt；& lt/view & gt；check color(e){ let colorStatusList = this . data . colorStatusList；设index = e . current target . dataset . index；让foncolor = colorStatusList微信app下载微信是一款支持通过手机网络发送语音消息、视频、图片、文字的手机通讯软件。微信可以单独聊天，也可以群聊，根据地理位置找到附近的人，带给你全新的移动通信体验。快来拯救下载体验给有需要的朋友吧！

下载

这几篇文章你可能也喜欢：

• 微信小程序翻译功能上线：现已支持18种语言
• 如何使用微信小程序中的车牌号输入法（如何使用微信小程序中的车牌号输入法进行打印）
• 微信小程序无法获取位置信息怎么办？（微信小程序无法获取位置信息）
• 微信小程序如何实现九宫格跳（如何在小程序中配置九宫格抽奖）
• 如何调节微信小程序的亮度？

本文由主机参考刊发，转载请注明：总结微信小程序的开发问题(微信小程序开发的难点) https://zhujicankao.com/120296.html