weixin_44622984的博客

有些时候在我们的页面中有大量数据或者图片加载,如果不做任何处理,整个进入加载的用户体验会很差很难看,目前大部分有两种方式优化增加用户体验,第一种为增加菊花加载或其它样式的加载按钮,在数据加载完成后隐藏,第二种就是骨架屏形式,现在小程序已经支持快速生成骨架屏,用起来相当方便.1.骨架屏使用首先进入我们需要生成骨架屏的页面,然后在我们开发者工具中点击生成骨架屏它会提示你是否生成XX页面的骨架屏,确定是我们需要生成骨架屏的页面即可点击确定点击确认后会发现在文件目录中生成了两个骨架屏的文件按照要求将

在苹果 iPhoneX 、iPhone XR等设备上，可以看到物理Home键被取消，改为底部小黑条替代home键功能。微信小程序和 h5 网页需要针对这种情况进行适配，否则可能会遇到底部按钮或选项卡栏与底部黑线重叠的情况，如下图。在微信小程序上适配安全区域三种方案：使用已知底部小黑条高度34px/68rpx来适配（不推荐）使用微信官方API，getSystemInfo()中的safeArea对象进行适配（推荐）使用苹果官方推出的css函数env()、constant()适配（推荐）方案一：使用

这两天我在写公司项目的时候,突然发现在真机上不打开调试功能,就没办法正常进入小程序,百思不得其解呀.后来发现````问题在域名配置上,没有配置域名呀!!! 接口全部出问题了大家伙一定要注意,因为如果打开了调试功能,会忽略域名验证,所以一切欧克一定要在上体验服以及正式服的时候 提前检查 域名配置!!!小程序所使用的域名一定要配置全,注意如果集成了别人的 某些插件,功能,SDK 等 ,如果有域名需求的也要配置哟配置的地方在:微信公众平台 -> 登录小程序管理账号 -> 开发板块 -&g

当我们的scroll-view组件在页面中使用,且页面.json设置为页面可滑动时或可触发下拉刷新时"enablePullDownRefresh ": true, "disableScroll":true,会出现我们的scroll-view组件在ios真机上会出现卡死,无法滑动的问题造成这个的原因是因为ios系统内核允许我们将页面进行下拉,可以拉出一段空白的区域,这个时候如果我们滑动下拉页面,会认为我们是在使用ios的下拉,而不会拉动我们的scroll-view组件要避免这个问题就必须在页面.j

最近公司微信小程序需要集成腾讯IM实现实时聊天功能,这篇文章就记录我在集成过程中所踩得坑和心得首先第一步: 当然是进官网读文档文档地址 : https://cloud.tencent.com/document/product/269/36838第一个看到的就是这个一分钟跑通demo(实际上我感觉看了跟没看一样,没啥太大帮助)也就清楚了一下前期准备工作:首先你要有一个可用的腾讯云账号然后你需要登录 及时 通信IM控制台在控制台中添加新应用创建应用后点进去可以拿到应用的 SDKAppId 以及

最近项目上需要用到微信小程序的自定义组件,对于小程序来说这一部分的知识还是很重要的,这里简单的梳理一下自定义组件与页面间的传值及通讯一、自定义组件的构建:首先需要构建我们的自定义组件,最好将所有的组件统一放在与pages目录同级的components文件夹(如果没有就创建一个吧)中,创建我们的组件文件夹test,在文件夹中建好4个必要文件json、wxml、js、wxss确保test.json文件中声明好是组件{ "component": true,}test.js文件中

此插件是网上大佬根据WxParse进行重构的产物,使用非常简单,且在持续维护,用起来相当便捷详细使用方法及功能介绍请进入Git地址查看Git地址:https://github.com/csonchen/wxParse使用方法原生组件使用方法克隆 项目 代码，把 components目录 拷贝到你的小程序根目录下面;在你的 page页面 对应的 json 文件引入 wxParse 组件{ "usingComponents": { "wxParse": "/components/wxP

需求背景项目需要做一个类似于及时聊天的留言板功能(其实除了不能实时刷新消息,其它也没差别了),需要按照时间顺序,将最新的消息展示在最下面,下拉则加载更多历史消息正文因为前期未充分考虑到数据结构问题,后台给我的数据格式如下data = { 2020-06-10 : [ {id:1,message:'xxxxxxxx'},{id:2,message:'xxxxxxxx'},{id:3,message:'xxxxxxxx'} ], 2020-6-12 : [ {id:4,message:'xx

需求背景项目需要做一个swiper切换栏,但是每个swiper-item中有一个类似手风琴风格的收缩栏,展开后其内容不定,高度不定,无法预知,由于微信小程序的swiper组件并不是自适应高度的,所以就需要通过某些方法使其自适应首先要动态设置swiper高度,就应该先将swiper组件的高度设置为动态值,并根据收缩栏收起时的最小高度初始化为一个默认值<swiper bindchange="swiperChange" previous-margin="20px" next-margin="10px"

微信小程序url地址传参的参数处理传递参数为对象格式传递参数中含有? = &等特殊字符传参页面及接受页面代码传参页面接收页面传递参数为对象格式若参数为对象则需先使用 JSON.stringify()进行转换 , 接收后使用JSON.parse()转为对象传递参数中含有? = &等特殊字符若传递参数中含有=,?,&等特殊字符 无法正常传递参数 则需要进行编码解码 传递时使用encodeURIComponent() 接收时使用decodeURIComponent()传