小程序相关 - 随笔分类 - 南韵

微信小程序动态数据跑马灯组件编写

摘要：开发必备：熟悉微信小程序组件开发开发思路：如果只有一条数据，直接用css3关键帧动画；如果有多条数据，则在当前动画运动到一定时间的时候，将其数据替换掉，使之在视觉效果上有一个从下到上播放的状态。数组循环播放的状态是通过将当前播放元素置换到末尾实现，即通过数组元素删除插入方法将整个数组元素串成一个闭阅读全文

posted @ 2019-01-09 16:41 南韵阅读(1331) 评论(0) 推荐(0)

微信小程序cavas画图并保存

摘要：需求背景：因微信小程序暂不支持一键分享到朋友圈功能，故要生成图片并保存到手机相册就有两种情况： 1.需保存的图片为静态固定图片。这种情况图片可直接由后端返回，再调用小程序相应api直接保存到手机相册； 2.需保存的图片为动态生成图片（比如，该图片上的用户头像、昵称、根据特有标志生成的小程序码等），阅读全文

posted @ 2018-10-09 18:33 南韵阅读(2409) 评论(0) 推荐(0)

微信小程序navigator

摘要：如果是小程序自身页面的跳转 <navigator open-type="navigate" target="self" url="targetUrl></navigator> 如果是小程序A跳小程序B的页面 <navigator open-type="navigate" target="miniPr 阅读全文

posted @ 2018-09-30 10:48 南韵阅读(2438) 评论(0) 推荐(1)

微信小程序input组件抖动及textarea组件光标错位解决方案

摘要：问题一：使用微信小程序input组件时，在移动端唤起focus或blur事件时，因光标占位导致内容出现叠影及抖动现象。解决方案：用<textarea>组件代替了<input/>组件，并给textarea设置了宽度值问题二：使用textarea组件时，当在移动端初次focus，原本应在内容末阅读全文

posted @ 2018-08-30 14:59 南韵阅读(9732) 评论(0) 推荐(1)

微信小程序简易table组件实现

摘要：前提：微信小程序自1.6.3基础库版本库开始支持简洁组件，之前的版本因不支持，故在引用组件处默认为空节点。关于微信小程序已有模板为何还需构建组件？一是因为组件可以更方便的自定义并绑定行为，二是在其他页面引用时，无需通过import，只需在该页面json文件下配置usingComponents属性即可阅读全文

posted @ 2018-02-02 11:54 南韵阅读(5309) 评论(0) 推荐(0)

微信小程序动画技巧

摘要：用微信小程序自带的wx.createAnimation api可创建动画，该动画效果相比css写的动画更流畅。栗子与用法，见官网：https://mp.weixin.qq.com/debug/wxadoc/dev/api/api-animation.html#wxcreateanimationob 阅读全文

posted @ 2018-02-01 20:14 南韵阅读(378) 评论(0) 推荐(0)

小程序跳转

摘要：小程序跳转 1.小程序跳网页需在后台配置域名白名单，通过<web-view>组件实现跳转  <web-view src="https://mp.weixin.qq.com/"></web-view> 1).跳回小程序页面：在网页中可调用以下阅读全文

posted @ 2017-12-27 16:06 南韵阅读(1954) 评论(0) 推荐(0)

微信小程序倒计时实现

摘要：思路：跟一般js倒计时一样，主要在于this的变相传递。实现效果： wxml文件部分代码： common.js文件 : 引用页JS文件: PS: 1.在data里初始化时间格式，是避免时间加载的第1秒显示为空白，因为setTimeOut是在1s以后开始执行。 2.在有setTimeOut的地方最好阅读全文

posted @ 2017-11-29 22:42 南韵阅读(8350) 评论(1) 推荐(0)

微信小程序公共组件的引用与控制

摘要：思路： 1.在组件wxml文件里实现布局、数据绑定、事件绑定； 2.组件js文件里定义事件，并将文件所有内容作为一个对象export出去；3.在引用的文件引入组件（方式有两种，一个是用include引入，一个是import引入，详情：https://mp.weixin.qq.com/debug/wx 阅读全文

posted @ 2017-11-29 22:16 南韵阅读(27041) 评论(0) 推荐(0)

南韵

随笔分类 - 小程序相关

公告