微信小程序开发常用知识点总结汇总

微信小程序三元运算或三目运算

比起wx:if和wx:else要简略的多。

设置数组或多个条目思路,经常遇到有一组按钮或条目,成数组格式,需要根据当前被点击对象,进行状态的改变,比如,有5个录音文件数组,需要根据点击当前的录音,显示播放动画,余下的4个显示静态动画,具体实现思路是,先将数组,动态绑定到前端,再在后台根据e传来的index对数组中等于index的设置为当前播放状态true,其它4个为false,另外当播放结束里,需要重置5个false,可以使用index=-1

 

解决微信小程序iis post put中.net core webapi put delete部署后put,delete不能正常访问显示405错误,

Web Api搭建到IIS服务器后PUT请求返回HTTP Error 405.0 - Method Not Allowed

解决方法:

第一种:

直接在添加删除功能里将WebDAV删掉,重启服务器。

第二种:修改配置文件

 

微信小程序 安卓 图标不显示 图片不显示 正常发布以后

主要原因:

图片名字里有中文,另外还有可能图片名称里有空格,建议全为英文命名好些。

关于微信小程序图片不显示的问题解决方案

经过查阅资料发现如下文档导致图片不显示:

1.本地图片是用image加载的:src="../../../images/ic_header.jpg"  这样不能显示,应改为:https://........jpg

2.图片的url里面有中文

3.图片的HTTP应为小写的http以及图片的后缀为小写的.png或者.jpg

4.域名未备案

微信小程序图片自适应,rich-text或新闻内容图片自适应

1、通过服务端处理img

在服务端通过正则处理新闻内容中的图片,并添加style="max-width:100%;"

2、在小程序端处理

方法一:简单办法

方法二:

由于新闻内容中的图片可能带有style和width属性,这样就需要把这些都替换掉,换成自己的

3、rich-text中空格解决

在小程序中如果有空格 或单个英文空格,无论多少,只解析一个,尝试用以下办法实现:

&ensp 中文字符空格一半大小
&emsp 中文字符空格大小
&nbsp 根据字体设置的空格大小
/**utils.js

使用:

使用wx.request同步

wx.request是异步请求,如果在其success函数里面赋值result=res.data,那么在外面result值为undefined

可以用Promise来解决,代码如下:

common.js

index.js(这里只是简单测试)

还有更简单的办法,直接在wx.request中的success中写代码即可。但这样回调多的话,逻辑复杂,根据情况选择二者其一即可。

https://blog.csdn.net/weixin_34364071/article/details/91436647