![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
码途有道
这个作者很懒,什么都没留下…
展开
-
微信小程序填坑之路(四):微信登录获取openid、unionid
在微信小程序中,因为各种各样的原因我们会需要获取到用户的unionid,但是小程序的wx.login()在一般情况下只能获取到openid,下面就简单来讲一下如何获取unionid以及当中的神坑。 微信登录在此之前,需要将微信开放平台绑定小程序,才可获取unionid错误示例: wx.login({ success: res => { ...原创 2017-11-18 11:53:43 · 36977 阅读 · 5 评论 -
微信小程序UI之旅:自定义轮播图组件
轮播图展示github传送门:https://github.com/albert-lii/wx-abui/tree/master/abui/widgets/ab-bannerdemo传送门:https://github.com/albert-lii/wx-abui/tree/master/pages/mainex自定义属性和方法属性描述src数据源curr...原创 2019-05-06 11:42:25 · 2010 阅读 · 0 评论 -
微信小程序UI之旅:图片组件实现占位图功能
组件样式:github传送门:https://github.com/albert-lii/wx-abui/tree/master/abui/widgets/ab-easy-imagedemo传送门:https://github.com/albert-lii/wx-abui/tree/master/pages/mainex自定义属性和方法属性描述src图片资源...原创 2019-05-06 11:19:01 · 1413 阅读 · 0 评论 -
微信小程序填坑之路(九):setData数据量过大的解决与分页加载的实现
我们经常使用setData方法来修改数据,从而达到更新页面的目的。但是当我们通过setData方法设置的数据过大时就会报如下错误。vdSyncBatch 数据传输长度为 2260792 已经超过最大长度 1048576这是因为setData设置的数据量是有限制的,单次设置的数据大小不得超过1024kb,否则就会出现如上错误。而我们在一些列表页面中,每次上拉加载更多后,会习惯性的把之前存在的...原创 2019-04-29 18:34:43 · 16979 阅读 · 4 评论 -
微信小程序填坑之路(八):下拉刷新动画没有动画效果的原因
下拉刷新与上拉加载的使用下来刷新和上拉加载是一款应用中非常常用的两种功能,微信小程序直接提供了这两种功能,下面来看下如何使用。先在页面的json文件中添加 "enablePullDownRefresh": true,表示开启下拉刷新与上拉加载功能。然后在页面的js文件中实现onPullDownRefresh与onReachBottom方法 // 下拉刷新方法 onPullDow...原创 2019-04-29 17:46:40 · 6081 阅读 · 2 评论 -
微信小程序UI之旅:可分页加载,设置列数的智能瀑布流组件
前言在开始正文之前,不得不吐槽一下,小程序的限制好多。本来想在自定义组件中使用 slot插槽 ,让组件更加灵活的,结果 slot 并不能和 for循环列表一起配合使用,当 slot 写在循环体中时,只能被渲染一次,而使用 抽象节点 来代替的话,每次定制循环都要自定义组件,则更加麻烦,希望微信能做些优化。瀑布流结构瀑布流是一种很常见的布局,为了以后可以更加简便的使用,我们在本文会将瀑布流布局封...原创 2019-05-01 23:51:51 · 1496 阅读 · 0 评论 -
微信小程序填坑之路(七):scroll-view的scroll-into-view属性
前言最近做一个项目,有个页面中需要列表展示图片,并且刚进入展示页面的时候,不是直接显示顶部,而是显示列表中指定图片的位置。正好 scroll-view 的 scroll-into-view 属性可以滑动到列表中的指定 item 位置,就不用在额外去做别的实现了。scroll-into-view的注意点scroll-into-view 是 scroll-view 的一个属性,主要作用是用于滚动...原创 2019-04-21 20:30:48 · 27469 阅读 · 1 评论 -
微信小程序UI之旅:便捷的搜索框组件
前言做小程序开发有段时间了,开发中遇到各种各样的UI需求,很多都是类似甚至重复。虽然可以使用template和include来实现代码复用,但是它们都没有逻辑处理能力,有时一些简单的逻辑,我们更加希望可以直接被模板内部实现掉,所以更好的方法是直接封装成组件,最大程度的实现代码复用。本文及后续一系列文章将会介绍常用UI组件的封装,方便今后开发中使用,所有样式源码及示例将提交至开源项目wx-abu...原创 2019-04-15 18:20:55 · 1654 阅读 · 1 评论 -
微信小程序填坑之路(六):wx.getUserInfo 接口的变动与使用
前言 在微信小程序开发中,获取用户信息是经常会用到的!在之前,我们直接调用wx.getUserInfo接口,就可以直接获取用户的信息,然而为了安全考虑,从2018年4月30号开始,wx.getUserInfo接口不能直接调用,需要使用 <button open-type="getUserInfo"></button&am原创 2018-05-21 11:23:04 · 15904 阅读 · 1 评论 -
微信小程序填坑之路(五):简单的自定义组件
在微信小程序开发中,在很多地方会用到相似的UI布局时,如果我们每一页都重写一遍UI布局,不说效率低下,费时费力,在后期维护中如果需要更改UI布局,哪怕只是一个很小的改动,那么相似页面就都需要改动,工程量大!所以,这时我们可以将相似的UI做成自定义组件,在需要的页面引用,方便快捷!...原创 2018-05-21 10:19:17 · 2460 阅读 · 2 评论 -
微信小程序填坑之路(三):布局适配方案(rpx、px、vw、vh)
因为小程序是以微信为平台运行的,可以同时运行在android与ios的设备上,所以不可避免的会遇到布局适配问题,特别是在iphone5上,因为屏幕尺寸小的缘故,也是适配问题最多的机型,下面就简单介绍几种适配方法。 rpx适配rpx是小程序中的尺寸单位,它有以下特征: 小程序的屏幕宽固定为750rpx(即750个物理像素),在所有设备上都是如此1rpx=(screenWi...原创 2017-11-15 16:58:06 · 41986 阅读 · 0 评论 -
微信小程序填坑之路(二):cover-view
在一些情况下,我们需要对map、video、canvas、camera这些微信小程序的原生控件,进行自定义,比如在camera上添加一个矩形线框作为拍照区域,这时我们就需要使用到cover-view这个控件。 cover-view的使用方法与view基本一致,以下是一些注意点: 在同一父容器中,要在原生控件上添加布局,只能用cover类的控件,因为原生控件的层级处于顶层,即使将非cover类的原创 2017-11-15 16:31:10 · 41139 阅读 · 7 评论 -
微信小程序填坑之路:项目开发简介
前言 最近因为公司要求进行微信小程序开发,这里记录一下这一个多月下来的开发心得。首先,我得说明一下,我并不是一名前端,以前一直是从事Android开发,对html、css、js等也就是了解,可以说几乎就是小白,也是在开发小程序的时候临时学的。对于小程序开发,我只想说这个跟移动端真的没啥关系,以前网上一直有人说,开发小程序最好有过移动端开发经验,移动端人员开发怎么怎么顺利的,都是坑!!!前端开发小原创 2017-11-15 11:22:47 · 10063 阅读 · 0 评论 -
微信小程序填坑之路(一):text空格符号以及省略号
1、text的空格符首先需要设置<text> 控件的decode值decode可以解析的有 < > & '     值 说明 ensp 中文字符空格一半大小 emsp 中文字符空格大小 nbsp 根据字体设置的空格大小 例如: <text decode="emsp">提 交</text>原创 2017-11-13 18:25:05 · 11278 阅读 · 0 评论 -
微信小程序UI之旅:标签流组件的简单实现
效果图github传送门:https://github.com/albert-lii/wx-abui/tree/master/abui/widgets/ab-label-flowdemo传送门:https://github.com/albert-lii/wx-abui/tree/master/pages/mainex自定义属性和方法属性描述src数据源(数组)...原创 2019-05-06 11:43:59 · 430 阅读 · 0 评论