前言
昨天晚上正打麻将,突然收到家母同学家孩子的微信,问我已经发布的微信小程序为什么搜索不到。我去看了下发现是用第三方平台的可视化工具做的,相当于外包,发布要支付199r(真黑啊)。了解了一下以后感觉难度不高,就接下来了,也算是自己第一次接外包。
因为不想写流水账,所以其实是记录一些开发过程中的小经验之类的,基本不会有太长篇大论的部分。
2023.08.13
1、wxml 不支持如
&emsp
之类的特殊字符解码。解决方案:①在标签内加上
decode='true'
;②直接输入全角空格(wxml 不吞全角空格,输入几个就是几个)。
2、wxml 不支持「.svg」文件或
<svg>
标签。解决方案:①将「.svg」转化为「.jpg」等 wxml 支持的图像文件(不推荐,会增加不必要的网络请求);②「
点击此处」将
<svg>
转化为「dataurl」(推荐)。
dataurl 使用方法:新建一个「<view>
」标签,然后将 dataurl 作为标签的「background-image」属性值。
2023.08.14
1、微信小程序开发的 js 没有 document 和 window 对象,获取 wxml 元素要用 wx.createSelectorQuery()
对象。
2、wxml 的标签没有 onclick
一类的事件,要用 bind:event="function"
的形式为事件绑定函数,然后在 js 的 Page 方法中定义 function 。
2023.08.20
不是不更新,主要是没想到会这么丝滑,主框架16号就做完了,这几天一直在等甲方的文章资料,确实没啥好写的。
2023.08.24
1、子元素绑定的某些事件如「bind:tap」、「catch:tap」等会因父元素范围遮蔽导致交互不到而失效。解决方案:①设定子元素「z-index」的值大于父元素「z-index」的值;②给父元素设定「pointer-events: none;」来使操作穿透父元素,但此时子元素会因继承该属性使绑定事件依旧不会被触发,则再给子元素设定「pointer-events: auto;」即可。
2、微信小程序上传版本要求包大小<2M、多媒体素材总大小<1.5M,不要往本地塞太多东西。
2023.08.24
做完哩!上传了预发布版本,审核通过以后就可以上线了。源码到时候放到「GitHub」,感兴趣的可以看一看(虽然挺使的)。