微信小程序学习
文章平均质量分 53
SunGodD00
活着只为改变世界
有任何方面的问题都可以私我。
大家互相学习,讨论心得,互相帮助.
可以关注我的公众号呀:HZ工作室前端开发
展开
-
小程序开发过程遇坑之用户输入框input输入但是没有触发
之前做的一个项目中存在一个问题就是当用户在输入框中进行输入触发不到的问题下面以证件号码为例(使用的组件是vant的输入框)<van-field value="{{ form.certificateNo }}" bind:input="changeCertificateNo" label="证件号码" placeholder="请输入证件号码" input-align="right" required />这样写正常的用户在用输入法进行输入的时候是没有问题的,但是当以为没什么问题.原创 2021-03-01 16:30:39 · 1757 阅读 · 0 评论 -
前端&JS&小程序过滤emoji表情
checkIsChEnNum(str) { //emjoy,通过校验 // var pattern = /^[A-Za-z0-9\u4e00-\u9fa5\^%&',;=?$x22!@#*()_+=[{}/.><~……‖-]+$/gi; var pattern = /[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF][\u200D|\uFE0F]|[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF]|[0-9|*|#.原创 2020-07-27 13:41:32 · 1677 阅读 · 1 评论 -
注意小程序中有些选择器是没办法识别的,会导致模拟器没问题在真机看不到效果,
Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and attribute selectors.最近在尝试小程序自定义弹出Loading,根据网上找的一些资料然后进行修改,然后在模拟器上表现完美,但是在真机调试的时候却发现有问题,当时想不太可能阿,怎么会有这个情况,然后再模拟器看到了上面的这行警告,原因是因为有些选择器小程序是无法进行识别,比如标签名,ID选择器原创 2020-06-16 11:15:29 · 689 阅读 · 0 评论 -
小程序分包加载的使用
首先来看看官方对这个分包加载的解释:小程序的官网也是说的很明白了1:其实分包的最主要的功能就是解决了首页加载的问题,可以按需加载需要的包内容,减少首次加载速度,小程序进入的时候首次加载只加载主包里面的内容,而分包是不会进行下载的,所以下载小程序包的时候就少了分包的大小,下载时间也少一点。2::如果用户进入了某个分包的页面,再下载这个对应分包,下载完毕后,显示分包的页面。采用分包加载,对开发者而言,能使小程序有更大的代码体积,承载更多的功能与服务;而对用户而言,可以更快地打开小程序,同时在原创 2020-06-01 10:03:08 · 767 阅读 · 0 评论 -
微信小程序加载图片出现渲染层网络层错误
加载图片的时候报了一个这个错误,但其实也没发现任何的错误,图片也正常显示出来了。最后百度了一波是说:出现这种情况的原因在于,页面显示加载的时候image里面的值是空的,从后台拿值是需要一定的额时间的,在这个时间内image的src是空的,所以报错。解决方法也很简单 加一个wx:if="{{arr.length>0}}"这样写发现错误了修改:这样就可以解决问题了...原创 2018-09-04 23:42:48 · 9944 阅读 · 4 评论 -
微信小程序模板化---js文件抽离
模块化可以将一些公共的代码抽离成为一个单独的 js 文件,作为一个模块。模块只有通过module.exports或者exports才能对外暴露接口。需要注意的是:exports是module.exports的一个引用,因此在模块里边随意更改exports的指向会造成未知的错误。所以更推荐开发者采用module.exports来暴露模块接口,除非你已经清晰知道这两者的关...原创 2018-09-04 23:45:54 · 2007 阅读 · 2 评论 -
轻量应用服务器爬坑日记
我买的是阿里云的轻量应用服务器,(服务器列表)(主界面)(选择镜像)我觉得还是系统镜像的CentOs好,别选择这些应用镜像,因为他强制绑定一个后台地址,后面用于Https很难受。选择好系统镜像CentOs之后就重新启动,然后这里一般没什么事情做了。下载一个远程连接服务器工具,SSH(putty也可以,反正有很多类似的工具)就好了,然后远程操作你的服务器。...原创 2018-11-16 10:17:33 · 3945 阅读 · 1 评论 -
微信小程序实现展示图片(图片推广小程序可以使用)
实现效果图:首先就是这个封面是一些图片展示界面,后台返回的都是图片。然后根据返回数据数组的下标进行分类,第一排只显示数组为1,4,7一次类推,第二列是2,5,8的index,第三列是3,6,9等等,根据下标进行分类然后排版。没一列都网上堆叠即可。上代码:wxml<view class='top' style="opacity:{{maskshow?'0.8':'none'}...原创 2019-04-11 10:38:11 · 8816 阅读 · 2 评论